浅析Vue项目中使用keep-Alive步骤


Posted in Javascript onJuly 27, 2018

vue 2.1.0之前,实现方式:

1 /router/index.js 配置路由元信息keepAlive: true

{
    path: "user",
    name: "用户管理",
    component: User,
    meta: {
      requireAuth: true,
      keepAlive: true // 用户列表需要被缓存
    }
  },

2 /app.vue

<keep-alive>
     <router-view v-if="$route.meta.keepAlive"></router-view>
   </keep-alive>
   <router-view v-if="!$route.meta.keepAlive"></router-view>

user路由的$route.meta.keepAlive为true,便达到了被缓存的效果。

总结

以上所述是小编给大家介绍的Vue项目中使用keep-Alive步骤,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
高效率JavaScript编写技巧整理
Aug 23 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
Jun 20 Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
javascript html实现网页版日历代码
Mar 08 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
Apr 14 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
May 09 Javascript
全面解析标签页的切换方式
Aug 21 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
Jan 05 Javascript
JS中Map和ForEach的区别
Feb 05 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
May 13 Javascript
关于vue 项目中浏览器跨域的配置问题
Nov 10 Javascript
在vue中使用Autoprefixed的方法
Jul 27 #Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
Jul 27 #Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
Jul 26 #Javascript
Vue头像处理方案小结
Jul 26 #Javascript
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
Jul 26 #Javascript
vue router 配置路由的方法
Jul 26 #Javascript
vue+webpack模拟后台数据的示例代码
Jul 26 #Javascript
You might like
PHP扩展开发教程(总结)
2015/11/04 PHP
CI框架中$this-&gt;load-&gt;library()用法分析
2016/05/18 PHP
PHP入门教程之图像处理技巧分析
2016/09/11 PHP
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
javascript进行数组追加方法小结
2014/06/16 Javascript
JavaScript模拟实现键盘打字效果
2015/06/29 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
2016/05/28 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
原生JavaScript制作计算器
2016/10/16 Javascript
JavaScript数据结构之链表的实现
2017/03/19 Javascript
Vue.js实战之组件的进阶
2017/04/04 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
2017/11/01 Javascript
Vue.Draggable拖拽功能的配置使用方法
2020/07/29 Javascript
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
layui表格内容溢出的解决方法
2019/09/06 Javascript
如何正确理解vue中的key详解
2019/11/02 Javascript
vue点击页面空白处实现保存功能
2019/11/06 Javascript
js中调用微信的扫描二维码功能的实现代码
2020/04/11 Javascript
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
python数据结构之图深度优先和广度优先实例详解
2015/07/08 Python
python使用SMTP发送qq或sina邮件
2017/10/21 Python
Python进阶之尾递归的用法实例
2018/01/31 Python
python yield和Generator函数用法详解
2020/02/10 Python
python中threading开启关闭线程操作
2020/05/02 Python
浅谈keras中loss与val_loss的关系
2020/06/22 Python
英国手机零售商:Carphone Warehouse
2018/06/06 全球购物
游戏商店:Eneba
2020/04/25 全球购物
OnePlus加拿大官网:中国国际化手机品牌
2020/10/13 全球购物
简短的公司员工自我评价分享
2013/11/13 职场文书
网络维护中文求职信
2014/01/03 职场文书
小学生安全教育广播稿
2014/10/20 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
支行行长岗位职责
2015/02/15 职场文书
高二语文教学反思
2016/02/16 职场文书
Linux系统下安装PHP7.3版本
2021/06/26 PHP