有时候我们在切换路由中时不希望组件更新，希望组件可以缓存下来，维持当前的状态。这时候就需要用到keep-alive组件。
在使用keep-alive时，只有初次加载组件才会执行onMounted，但是有些情况下，比如页面切换时，当切换到指定页面或离开指定页面时，需要更新部分内容。考虑这种情景，Vue3为我们提供了两个特殊的生命周期，这两个生命周期只有在keep-alive模式下才可以使用。
onActivated：进入页面时会触发。当组件初次加载时会执行onMounted与onActivated，当从别的页面跳转到指定页面时，只有onActivated会被发。
onActivated(()=>{})
onDeactivated：离开页面时会触发。当组件销毁时会执行onUmounted与onDeactivated，当从别的页面切回指定页面时，只有onDeactivated会被触发。
onDeactivated(()=>{})
最新项目一直在用vue3来研发，发现了很多和vue2不同的地方，今天这个是路由 组件缓存的不同 路由配置 在app...
vue3 路由跳转 交互
laravel项目正式想先后需要做的操作，关闭调试模式、生成配置缓存、路由缓存、生成编译文件。
微前端改造 这里以Vue3为例子，主应用和子应用均使用vue3 路由的话，建议主应用和子应用使用相同模式，即均为h...
VUE 动态移除缓存路由 在缓存路由时，有时候需要将缓存的路由清除掉达到刷新页面数据的效果。方法如下： 配置路由时...
隐式控制器 路由声明： 控制器写法 缓存 路由缓存 在你的项目部署完成后执行 生成路由缓存，缓存一旦生成，app/...
一、缓存全部路由： 二、缓存指定路由： include 使用meta： (1). 路由中做如下配置： (2). 在...
页面内部缓存： 路由跳转缓存：
路由分模块动态导入 环境：vue3 常规路由配置 router/index.js 将路由按模块拆分 结构如下图 约...
1 生成路由缓存 如果你的应用定义了大量的路由规则，那么建议在实际部署后生成路由缓存文件，可以免去路由注册的开销，...
本文标题：Vue3路由缓存模式下的onActivated与onDeacti
本文链接：https://www.haomeiwen.com/subject/bnsfgdtx.html
网友评论