异步组件

在大型应用中,我们可能需要将应用拆分为多个小模块,按需从服务器下载。为了让事情更简单,Vue.js允许将组件定义为一个工厂函数,动态的解析组件的定义。Vue.js只在组件需要渲染时触发工厂函数,并且把结果缓存起来,用于后面的再次渲染。

Vue.component('async-example',function(resolve,reject){

  setTimeout(function(){

      resolve({

          template:'<div>i am async!</div>'

        });

   });

});

工厂函数接收一个resolve回调,在收到从服务器下载的组件定义时调用。也可以调用reject(reason)指示加载失败。

posted on 2019-02-21 14:49  半夏微澜ぺ  阅读(172)  评论(0编辑  收藏  举报