浅析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 窗口加载蒙板 内嵌网页内容
Nov 19 Javascript
Javascript中的isNaN函数使用说明
Nov 10 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
jQuery实现延迟跳转的方法
Jun 05 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
Jan 18 Javascript
d3.js中冷门却实用的内置函数总结
Feb 04 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
Mar 10 Javascript
浅谈Webpack 持久化缓存实践
Mar 22 Javascript
详解webpack-dev-server使用方法
Sep 14 Javascript
Js代码中的span拼接问题解决
Nov 22 Javascript
vue实现登录拦截
Jun 29 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 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中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
PHP生成HTML静态页面实例代码
2008/08/31 PHP
WordPress自定义时间显示格式
2015/03/27 PHP
php htmlentities()函数的定义和用法
2016/05/13 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
在线游戏大家来找茬II
2006/09/30 Javascript
一个简单的JavaScript数据缓存系统实现代码
2010/10/24 Javascript
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
2011/10/24 Javascript
js中的replace方法使用介绍
2013/10/28 Javascript
jquery中EasyUI实现异步树
2015/03/01 Javascript
javascript history对象详解
2017/02/09 Javascript
vue数据传递--我有特殊的实现技巧
2018/03/20 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
2018/08/31 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
简单的编程0基础下Python入门指引
2015/04/01 Python
Python中字典创建、遍历、添加等实用操作技巧合集
2015/06/02 Python
浅谈Django学习migrate和makemigrations的差别
2018/01/18 Python
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
python 调用有道api接口的方法
2019/01/03 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
Python语言异常处理测试过程解析
2020/01/08 Python
MxNet预训练模型到Pytorch模型的转换方式
2020/05/25 Python
简述数组与指针的区别
2014/01/02 面试题
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
黄金搭档广告词
2014/03/21 职场文书
安全生产演讲稿
2014/05/09 职场文书
本地通过nginx配置反向代理的全过程记录
2021/03/31 Servers
详解Nginx启动失败的几种错误处理
2021/04/01 Servers
详解Python常用的魔法方法
2021/06/03 Python
Windows中Redis安装配置流程并实现远程访问功能
2021/06/07 Redis
python读取mnist数据集方法案例详解
2021/09/04 Python
TV动画《神废柴☆偶像》公布先导PV
2022/03/20 日漫
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server