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组件异步渲染 vue中mounted内如何调完异步方法再渲染 echart在vue中的使用异步数据重新渲染和封装，事件以及请求重复多次的问题 Vue - 条件渲染与列表渲染 (六)Vue的列表渲染及组件渲染 Vue的渲染函数render vue render 渲染函数 vue条件渲染