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

作用

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

具体编码

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

html 复制代码
<!--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>
相关推荐
KoiHeng2 小时前
操作系统简要知识
linux·笔记
巴伦是只猫3 小时前
【机器学习笔记Ⅰ】11 多项式回归
笔记·机器学习·回归
DKPT6 小时前
Java桥接模式实现方式与测试方法
java·笔记·学习·设计模式·桥接模式
巴伦是只猫8 小时前
【机器学习笔记Ⅰ】13 正则化代价函数
人工智能·笔记·机器学习
好好研究9 小时前
学习栈和队列的插入和删除操作
数据结构·学习
幽络源小助理9 小时前
SpringBoot基于Mysql的商业辅助决策系统设计与实现
java·vue.js·spring boot·后端·mysql·spring
新中地GIS开发老师10 小时前
新发布:26考研院校和专业大纲
学习·考研·arcgis·大学生·遥感·gis开发·地理信息科学
SH11HF10 小时前
小菜狗的云计算之旅,学习了解rsync+sersync实现数据实时同步(详细操作步骤)
学习·云计算
Frank学习路上11 小时前
【IOS】XCode创建firstapp并运行(成为IOS开发者)
开发语言·学习·ios·cocoa·xcode
鱼樱前端12 小时前
今天介绍下最新更新的Vite7
前端·vue.js