vue 異步渲染

本文轉載自查看原文 2019-09-07 17:36 429 vue

<!DOCTYPE html>
<html>

<head>
    <title> hello world vue </title>
    <meta charset="utf-8" />
</head>

<body>
    <div id="app" v-cloak>
        <!-- 缺省掛載 currentView 變量指定的組件 -->
        <my-home></my-home>

    </div>
</body>

</html>

<script src="jquery-3.1.1.js"></script>
<script src="vue.js"></script>


<script>
    $(document).ready(function() {

    });
</script>


<script>
    Vue.component('my-home', function(resolve, reject) {
        window.setTimeout(function() {
            resolve({
                template: '<div>我是異步渲染的</div>'
            });
        }, 2000);
    });

    var app = new Vue({
        el: '#app',
        data: {},
        computed: {},
        methods: {},
        components: {},
        mounted: function() {}
    });
</script>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 為何vue采用異步渲染 Vue為何采用異步渲染 vue組件異步渲染 Vue2 異步獲取的數據(通過ajax)獲取的數據渲染到dom上當vue頁面異步加載的數據想在頁面上渲染怎么辦 vue中mounted內如何調完異步方法再渲染淺析VUE中的異步渲染機制、nextTick原理及如何改為同步渲染 sanic 異步渲染模板從壹開始前后端分離 [ vue + .netcore 補充教程 ] 二九║ Nuxt實戰：異步實現數據雙端渲染踩坑：vue2 ajax異步請求數據，層數太多，頁面無法渲染