异步组件

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

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

  setTimeout(function(){

      resolve({

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

        });

   });

});

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

猜你喜欢

转载自www.cnblogs.com/xiaofenguo/p/10412494.html