1. 程式人生 > >異步組件

異步組件

timeout 多個 渲染 拆分 函數 緩存 一個 n) 簡單

在大型應用中,我們可能需要將應用拆分為多個小模塊,按需從服務器下載。為了讓事情更簡單,Vue.js允許將組件定義為一個工廠函數,動態的解析組件的定義。Vue.js只在組件需要渲染時觸發工廠函數,並且把結果緩存起來,用於後面的再次渲染。

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

  setTimeout(function(){

      resolve({

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

        });

   });

});

工廠函數接收一個resolve回調,在收到從服務器下載的組件定義時調用。也可以調用reject(reason)指示加載失敗。

異步組件