動(dòng)態(tài)組件

<keep-alive>可以緩存組件,常和路由一起用。

<keep-alive>
  <component v-bind:is="currentTabComponent"></component>
</keep-alive>

異步組件

在大型應(yīng)用中，我們可能需要將應(yīng)用分割成小一些的代碼塊，并且只在需要的時(shí)候才從服務(wù)器加載一個(gè)模塊。Vue 只有在這個(gè)組件需要被渲染的時(shí)候才會(huì)觸發(fā)該工廠函數(shù)，且會(huì)把結(jié)果緩存起來(lái)供未來(lái)重渲染。：

Vue.component('async-example', function (resolve, reject) {
  setTimeout(function () {
    // 向 `resolve` 回調(diào)傳遞組件定義
    resolve({
      template: '<div>I am async!</div>'
    })
  }, 1000)
})

https://cn.vuejs.org/v2/guide/components-edge-cases.html