VUE 动态组件&异步组件

在动态组件中使用 keep-alive

• 在动态组件中使用keep-alive可一缓存组件 在组件切换的时候不会重新创建组件，会复用原来的组件保持原来组件的状态

异步组件

• 在大型的应用中我们需要将应用分割成一小块的代码块，并且在需要的时候才重服务加载，为了简化，vue提供一个工厂函数定义你的组件，这个函数会异步解析你组件定义。Vue只有在这个组件被需要渲染的时候才会触发改函数。额且会吧结果缓存起来，在未来使用。

Vue.component('async-example', function (resolve, reject) {
  setTimeout(function () {
    // 向 `resolve` 回调传递组件定义
    resolve({
      template: '<div>I am async!</div>'
    })
  }, 1000)
})