Vue学习笔记-缓存路由组件

theLuckyLong

已于 2023-12-08 16:38:14 修改

阅读量196

点赞数

分类专栏： Vue 文章标签： vue.js 学习笔记

于 2023-12-04 15:49:47 首次发布

本文链接：https://blog.csdn.net/theLuckyLong/article/details/134786015

版权

Vue 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

作用

让不展示的路由组件保持挂载，不被销毁

具体编码

在需要缓存的路由组件上级组件中编写如下代码

<!--include属性中填写需要缓存的组件名-->
<keep-alive include="name1,name2,...">
   <router-view></router-view>
</keep-alive>
<!--include属性中填写需要缓存的组件名数组，需要使用v-bind-->
<keep-alive :include="['name1','name2',...]">
   <router-view></router-view>
</keep-alive>