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>
相关推荐
im_AMBER12 分钟前
学习日志03 python
学习
拾光拾趣录19 分钟前
Vue依赖收集机制:响应式原理的核心实现
前端·vue.js
雲墨款哥22 分钟前
Vue 3 路由管理实战:从基础配置到性能优化
前端·vue.js
独立开阀者_FwtCoder31 分钟前
国外最流行的 UI 组件库!适配 Vue、React、Angular!
前端·vue.js·后端
编程猪猪侠1 小时前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro
DKPT1 小时前
Java享元模式实现方式与应用场景分析
java·笔记·学习·设计模式·享元模式
江城开朗的豌豆2 小时前
Vue Router vs location.href:导航跳转的正确姿势,你选对了吗?
前端·javascript·vue.js
江城开朗的豌豆2 小时前
玩转Vue Router:这些实用组件让你的SPA如虎添翼!
前端·javascript·vue.js
Green1Leaves2 小时前
pytorch学习-11卷积神经网络(高级篇)
pytorch·学习·cnn
KoiHeng4 小时前
操作系统简要知识
linux·笔记