外贸小程序开发_关于vue里页面的缓存详解

摘要: 有关vue里网页页面的缓存文件详细说明 今日网编就为大伙儿共享一篇有关vue里网页页面的缓存文件详细说明,具备非常好的参照使用价值,期待对大伙儿有一定的协助。一起追随...

关于vue里页面的缓存详解       今天小编就为大家分享一篇关于vue里页面的缓存详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

keep-alive是vue内置的一个组件,可以使被它包含的组件处于保留状态,或避免被重新渲染。

用法:

运行结果描述:

input输入框内,路由切换输入框内部的内容不会发生改变。

在keep-alive标签内部添加

include:字符串或正则表达式。只有匹配的组件会被缓存

exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。

结合router缓存部分页面:

比较实用的例子:

思路:通过beforeRouterLeave这个钩子来对路由里面的keepAlive进行赋值。从而动态的确定A页面是否需要被缓存。

结合router缓存部分页面:

比较实用的例子:

思路:通过beforeRouterLeave这个钩子来对路由里面的keepAlive进行赋值。从而动态的确定A页面是否需要被缓存。

以上这篇关于vue里页面的缓存详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:个人网页