浅析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 10 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
Dec 08 Javascript
详解jQuery简单的表单应用
Dec 16 Javascript
详解如何在Angular中快速定位DOM元素
May 17 Javascript
基于Jquery Ajax type的4种类型(详解)
Aug 02 jQuery
bootstrap Table插件使用demo
Aug 07 Javascript
EL表达式截取字符串的函数说明
Sep 22 Javascript
详解cordova打包成webapp的方法
Oct 18 Javascript
JavaScript引用类型Date常见用法实例分析
Aug 08 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
Jan 24 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
Jun 14 Javascript
手把手教您实现react异步加载高阶组件
Apr 07 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连mysql和oracle数据库性能比较
2006/10/09 PHP
无数据库的详细域名查询程序PHP版(1)
2006/10/09 PHP
给apache2.2加上mod_encoding模块後 php5.2.0 处理url出现bug
2007/04/12 PHP
Laravel中Trait的用法实例详解
2016/03/16 PHP
PHP 实现链式操作
2021/03/09 PHP
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015/08/04 Javascript
基于javascript实现右下角浮动广告效果
2016/01/08 Javascript
基于JS代码实现实时显示系统时间
2016/06/16 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
JavaScript中的this使用详解
2016/07/27 Javascript
JS锚点的设置与使用方法
2016/09/05 Javascript
Bootstrap 网站实例之单页营销网站
2016/10/20 Javascript
JavaScript结合HTML DOM实现联动菜单
2017/04/05 Javascript
Vue Promise的axios请求封装详解
2018/08/13 Javascript
解决vue v-for 遍历循环时key值报错的问题
2018/09/06 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
[01:20]DOTA2 2017国际邀请赛冠军之路无止竞
2017/06/19 DOTA
[01:47]2018年度DOTA2最具人气解说-完美盛典
2018/12/16 DOTA
[44:22]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第一场 11.01
2020/11/02 DOTA
python爬取NUS-WIDE数据库图片
2016/10/05 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Python字典的概念及常见应用实例详解
2019/10/30 Python
Python如何使用turtle库绘制图形
2020/02/26 Python
Python实现http接口自动化测试的示例代码
2020/10/09 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
使用canvas生成含有微信头像的邀请海报没有微信头像问题
2019/10/29 HTML / CSS
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
澳大利亚网上买书:Angus & Robertson
2019/07/21 全球购物
乡镇庆八一活动方案
2014/02/02 职场文书
2014两会学习心得:榜样精神伴我行
2014/03/17 职场文书
房产转让协议书
2014/04/11 职场文书
老兵退伍标语
2014/10/07 职场文书
导游词之青岛太清宫
2019/12/13 职场文书
无线电知识基础入门篇
2022/02/18 无线电