vue的组件缓存（返回页面不刷新）
2024-10-09 00:09:35
每次使用返回是页面总是会刷新 导致了一些体验上的不愉快
现在 发现vue中的一个很方便的方法还可以用来优化性能就是：
keep-alive缓存组件
<router-view v-if="!$route.meta.keepAlive"></router-view>
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
这边我是用作缓存页面，返回不刷新，这里我只缓存keepAlive的值为true的页面
在路由的meta属性加入keepAlive，希望缓存的页面加入vue属性即可
如果需要改变时在
beforeRouteEnter，beforeRouteLeave中写入事件即可
如果页面需要再加载数据则activated事件中写入你的方法
最新文章
- 升级 Visual Studio 2015 CTP 5 的坑、坑、坑
- Blog List
- 去掉IE11的叉叉
- Portal
- 用file上传文件时，浏览器返回值总是自动添加<pre>的解决办法
- 几种filter的比较
- 用Eclipse运行Android版APP（PhoneGap）时出现：Unable to execute dex: Multiple dex files define
- 华东交通大学2016年ACM“双基”程序设计竞赛 1002
- 使用ANT 生成Xfire 客户端端文件
- HDU 5828 Rikka with Sequence （线段树）
- CentOS 7 nfs客户端挂载问题
- Effective Java从零开始 - 就是爱Java
- oAuth2授权协议 & 微信授权登陆和绑定 & 多环境共用一个微信开发平台回调设置
- NumPy 学习笔记（二）
- oppor9手机怎么录制屏幕视频
- php实现一个简单的四则运算计算器
- 面试2——java基础2
- Python--subprocess系统命令模块-深入
- tlink平台数据转发 c# 控制台程序
- Lua队列问题