Vue中keep-alive组件的作用是什么-创新互联
本篇文章为大家展示了Vue中keep-alive组件的作用是什么,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
成都创新互联公司专业提供中国电信云锦天府服务,为用户提供五星数据中心、电信、双线接入解决方案,用户可自行在线购买中国电信云锦天府服务,并享受7*24小时金牌售后服务。作用:用于保留组件状态或避免重新渲染(缓存的作用)
比如:当一个目录页面与一个详情页面,用户经常:打开目录页面=>进入详情页面=>返回目录页面=>打开详情页面,这样目录页面就是一个使用频率很高的页面,那么就可以对目录组件使用
属性
该标签有两个属性include与exclude:
include:字符串或者正则表达式。只有匹配的组件会被缓存
exclude:字符串或者正则表达式。任何匹配的组件都不会被缓存。
用法
1">
注意: 是用在其一个直属的子组件被开关时的情形,要求同时只有一个子元素被渲染
include和exclude属性的使用
include和exclude属性允许组件有条件地缓存。二者都可以用逗号分割字符串、正则表达式或者一个数组。
匹配首先检查组件自身的name选项, 如果name选项不可用,则匹配它的局部注册名称
生命钩子
keep-alive提供了两个生命钩子,分别是activated与deactivated。因为keep-alive会将组件保存在内存中,并不会销毁以及重新创建,所以不会重新调用组件的created、mounted这些函数。
被 keep-alive 包裹的组件被缓存之后有两个独有的生命周期: activated 和 deactivated。activated 生命周期在组件激活时调用、deactivated 生命周期在组件停用时调用。
上述内容就是Vue中keep-alive组件的作用是什么,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联成都网站设计公司行业资讯频道。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文题目:Vue中keep-alive组件的作用是什么-创新互联
地址分享:http://scyanting.com/article/gejde.html