前言
在 vuejs
中,我们经常需要缓存一些组件的状态,比如用户登录后,切换到其他页面,再切换回来,需要保留之前的登录状态,而不是重新登录。
或者在切换不同组件的时候,需要保留之前的组件状态,而不是重新加载。如果你什么都不设置
你会发现,之前已更改的状态都被重置了。
在切换时创建新的组件实例通常是有意义的,但在有些情况下,我们的确想要组件能在被“切走”的时候保留它们的状态。要解决这个问题,我们可以用
内置组件将这些动态组件包装起来
代码示例
包含(include)与排除(exclude)
服务器托管网默认会缓存内部的所有组件实例,但我们可以通过
include
和 exclude
的prop
来控制组件的缓存与不缓存的。这两个 prop
的值都可以是一个以英文逗号分隔的字符串、一个正则表达式,或是包含这两种类型的一个数组
它会根据组件的 name
选项进行匹配,所以组件如果想要条件性地被 KeepAlive
缓存,就必须显式声明一个 name
选项
注意事项
使用 的单文件组件会自动根据文件名生成对应的
name
选项,无需再手动声明
前后端联调前-一个前端动手写代码前的思考
2023-09-21
如何判断一个女生是不是假正经
20服务器托管网23-09-20
vue3+vite安装element-plus报错解决-使用组件不起作用
2023-09-18
vite构建的本地开发环境请求第三方接口时如何解决跨域问题
2023-09-17
VuePress网站如何使用axios请求第三方接口
2023-09-16
前后端开发接口联调对接参数
2023-09-13
Vue中实现全景房看图3D
2023-09-11
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
相关推荐: 【译】为什么命名“它”为依赖属性(DependencyProperty)
当我们创建新的类和成员时,我们花费了大量的时间和精力是它们尽可能的好用,好理解,好发现。通常我们会遵循.Net框架设计指南,尤其是会不断地研究这个新类与其他类,未来计划等内容之间的关系。 当命名依赖属性(Depend服务器托管网encyProperty)和依赖…