浅析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 相关文章推荐
查看图片(前进后退)功能实现js代码
Apr 24 Javascript
JS模拟自动点击的简单实例
Aug 08 Javascript
javascript事件函数中获得事件源的两种不错方法
Mar 17 Javascript
深入理解Javascript中this的作用域
Aug 12 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
Aug 21 Javascript
Javascript中的数据类型之旅
Oct 18 Javascript
JS给swf传参数的实现方法
Sep 13 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
Jan 25 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
Nov 25 Javascript
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 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
web页面数据展示新想法(json)
2010/06/08 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
checkbox批量选中,获取选中项的值的简单实例
2016/06/28 Javascript
angular分页指令操作
2017/01/09 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
微信小程序网络请求实现过程解析
2019/11/06 Javascript
[47:53]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#2COL VS Spirit
2016/03/02 DOTA
[54:47]Liquid vs VP Supermajor决赛 BO 第五场 6.10
2018/07/05 DOTA
pymongo实现多结果进行多列排序的方法
2015/05/16 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
Python+matplotlib+numpy实现在不同平面的二维条形图
2018/01/02 Python
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
numpy:np.newaxis 实现将行向量转换成列向量
2019/11/30 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
一款利用纯css3实现的win8加载动画的实例分析
2014/12/11 HTML / CSS
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
Canvas实现保存图片到本地的示例代码
2018/06/28 HTML / CSS
解锁canvas导出图片跨域的N种姿势小结
2019/01/24 HTML / CSS
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
静态成员和非静态成员的区别
2012/05/12 面试题
实习销售业务员自我鉴定
2013/09/21 职场文书
电气专业推荐信范文
2013/11/18 职场文书
专科毕业生自我鉴定
2013/12/01 职场文书
小学校长先进事迹材料
2014/05/13 职场文书
团日活动总结报告
2014/06/25 职场文书
转让协议书范本
2014/09/13 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
2015年秋季灭鼠工作总结
2015/07/27 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server
JS setTimeout与setInterval的区别
2022/04/20 Javascript