Vue性能优化,缓存路由组件对象

Vue缓存路由组件对象

    这是vue中比较重要的知识点之一了,几乎使用Vue-router时,都会使用此方法。使用场景就是从A页面跳转到B页面,再切换A页面时还能保持上次离开时所停留的位置。还有他就是在你跳转的时候,他会将当前路由缓存起来,当下次访问时不会重新创建DOM。

    将 路由显示区域使用keep-alive标签包裹起来,便完成了缓存路由组件对象。此时他会多出来两个生命周期函数activated 和 deactivated,表示失活状态和激活状态。

<keep-alive>

      <router-view />

</keep-alive>

    假如我们有的组件不想被缓存,比如需要实时更新的数据,那就需要使用include 和 exclude

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。