数据库 LVS JAVA学习 maven Yarn gitee Java中高进阶架构 uwp emacs angular ui router alertifyjs 河南普通话 网络营销视频教程 angular视频 jquery的each循环 coreldraw学习 docker查看所有容器 python的array python对象 java使用 java初学者 java有哪些数据类型 java集合遍历 java定义字符串 java接口规范 html实例教程 linux格式化命令 莫莫小工具 圣剑世界 stl2stp 自制题库答题考试软件 只狼脚本 矩阵分析与应用 复制到剪贴板 狮子狗皮肤 高通cpu排行 js保留两位小数 python数组赋值 头条视频解析 web聊天室
当前位置: 首页 > 学习教程  > 编程语言

keepAlive 组件缓存

2020/8/11 18:45:34 文章标签:

不管你项目中有没有用到过 < keepAlive >< /keepAlive >,在求职中总会难免被问到它的作用

keep-alive是vue内置的一个组件,而这个组件的作用就是能够缓存不活动的组件,我们能够知道,一般情况下,组件进行切换的时候,默认会进行销毁,如果有需求,某个组件切换后不进行销毁,而是保存之前的状态,那么就可以利用keep-alive来实现

这里通过包裹 < router-view /> 来实现页面组件的缓存功能
给路由配置中添加meta属性,meta其中自定义 keepAlive 属性,值为布尔值,
通过判断来决定是否缓存该组件
在这里插入图片描述
至于查看缓存状态,大家可以通过chrome(或者其他浏览器)调试器中的network 来查看,或者通过input框输入内容,切换页面查看,这里就不做演示了


本文链接: http://www.dtmao.cc/news_show_100015.shtml

附件下载

上一篇:C++ 手动开O2优化

下一篇:IDEA页面乱码

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?