浅析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 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
Nov 21 Javascript
jQuery阻止同类型事件小结
Apr 19 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
Jan 08 Javascript
JavaScript网页定位详解
Jan 13 Javascript
js如何改变文章的字体大小
Jan 08 Javascript
完美解决JS文件页面加载时的阻塞问题
Dec 18 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
Vue全家桶实践项目总结(推荐)
Nov 04 Javascript
利用Node.js检测端口是否被占用的方法
Dec 07 Javascript
a标签调用js的方法总结
Sep 05 Javascript
Windows上node.js的多版本管理工具用法实例分析
Nov 06 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
类的另类用法--数据的封装
2006/10/09 PHP
PHP中uploaded_files函数使用方法详解
2011/03/09 PHP
五款PHP代码重构工具推荐
2014/10/14 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
2009/12/07 Javascript
用jquery与css打造个性化的单选框和复选框
2010/10/20 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
js获取指定的cookie的具体实现
2014/02/20 Javascript
Javascript实现获取窗口的大小和位置代码分享
2014/12/04 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
2016/10/19 Javascript
详解angular element()方法使用
2017/04/08 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
node.js express框架简介与实现
2019/07/23 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
2019/08/16 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
Python深入学习之闭包
2014/08/31 Python
Python读取数据集并消除数据中的空行方法
2018/07/12 Python
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
2019/02/28 Python
Python一键查找iOS项目中未使用的图片、音频、视频资源
2019/08/12 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
Python如何将图像音视频等资源文件隐藏在代码中(小技巧)
2020/02/16 Python
Python延迟绑定问题原理及解决方案
2020/08/04 Python
浅谈盘点5种基于Python生成的个性化语音方法
2021/02/05 Python
Gap工厂店:Gap Factory
2017/11/02 全球购物
美国廉价机票预订网站:Cheapfaremart
2018/04/28 全球购物
Andrew Marc官网:设计师外套的领先制造商
2019/10/30 全球购物
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
PHP笔试题
2012/02/22 面试题
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类
2012/02/06 面试题
幼儿园六一儿童节主持节目串词
2014/03/21 职场文书
党员公开承诺践诺书
2014/03/25 职场文书
保护环境建议书300字
2014/05/13 职场文书