win10 网站建设软件,中信建设有限责任公司唐万哩,百度电视剧风云榜,软件设计方案怎么写前言 在 vuejs中#xff0c;我们经常需要缓存一些组件的状态#xff0c;比如用户登录后#xff0c;切换到其他页面#xff0c;再切换回来#xff0c;需要保留之前的登录状态#xff0c;而不是重新登录。 或者在切换不同组件的时候#xff0c;需要保留之前的组件状态我们经常需要缓存一些组件的状态比如用户登录后切换到其他页面再切换回来需要保留之前的登录状态而不是重新登录。 或者在切换不同组件的时候需要保留之前的组件状态而不是重新加载。如果你什么都不设置 你会发现之前已更改的状态都被重置了。 在切换时创建新的组件实例通常是有意义的但在有些情况下我们的确想要组件能在被“切走”的时候保留它们的状态。要解决这个问题我们可以用 KeepAlive 内置组件将这些动态组件包装起来 代码示例 !-- 非活跃的组件将会被缓存 --
KeepAlivecomponent :isactiveComponent /
/KeepAlive 包含(include)与排除(exclude) KeepAlive 默认会缓存内部的所有组件实例但我们可以通过 include 和 exclude 的prop 来控制组件的缓存与不缓存的。这两个 prop 的值都可以是一个以英文逗号分隔的字符串、一个正则表达式或是包含这两种类型的一个数组 !-- 以英文逗号分隔的字符串,a,b代表的是组件 --
KeepAlive includea,bcomponent :isview /
/KeepAlive!-- 正则表达式 (需使用 v-bind) --
KeepAlive :include/a|b/component :isview /
/KeepAlive!-- 数组 (需使用 v-bind),如果有多个,可以用一个数组 --
KeepAlive :include[a, b]component :isview /
/KeepAlive 它会根据组件的 name 选项进行匹配所以组件如果想要条件性地被 KeepAlive缓存就必须显式声明一个 name选项 注意事项 使用script setup 的单文件组件会自动根据文件名生成对应的 name 选项无需再手动声明 前后端联调前-一个前端动手写代码前的思考 2023-09-21 如何判断一个女生是不是假正经 2023-09-20 vue3vite安装element-plus报错解决-使用组件不起作用 2023-09-18 vite构建的本地开发环境请求第三方接口时如何解决跨域问题 2023-09-17 VuePress网站如何使用axios请求第三方接口 2023-09-16 前后端开发接口联调对接参数 2023-09-13 Vue中实现全景房看图3D 2023-09-11
