在动态组件中使用 keep-alive
- 在动态组件中使用
keep-alive
可一缓存组件 在组件切换的时候不会重新创建组件,会复用原来的组件保持原来组件的状态
异步组件
- 在大型的应用中我们需要将应用分割成一小块的代码块,并且在需要的时候才重服务加载,为了简化,vue提供一个工厂函数定义你的组件,这个函数会异步解析你组件定义。Vue只有在这个组件被需要渲染的时候才会触发改函数。额且会吧结果缓存起来,在未来使用。
Vue.component('async-example', function (resolve, reject) {
setTimeout(function () {
// 向 `resolve` 回调传递组件定义
resolve({
template: '<div>I am async!</div>'
})
}, 1000)
})
网友评论