vue3 - onMounted 多次触发 - 解决

1.原因

<router-view> 外面使用了 

<keep-alive>

导致多次触发 onMounted 生命周期

2.解决

使用<keep-alive> 的第一层 页面 初始化数据的生命周期应该放弃使用 onMounted 

应该使用

onActivated

用法与 onMounted  是一样的

 

如果使用 setup 但是不使用   defineComponent

那么 

onActivated在  onMounted 之前执行

如果使用

defineComponent

会导致

onMounted 在  onActivated 之前执行

 

很奇怪

 

posted @   岑惜  阅读(4205)  评论(0)  编辑  收藏  举报
相关博文：
·  vue3 - iframe 添加 click事件 -解决
·  vue3 - 警告 `shallowRef` instead of `ref` - 解决
·  vue3 onMounted is called when there is no active component
·  vue3 onMounted是一个生命周期钩子函数
·  onMounted钩子函数场景
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
· 25岁的心里话
历史上的今天：
2020-06-21 Java 私有接口 【类中嵌套接口】
2020-06-21 java 反射 的详细总结
点击右上角即可分享
微信分享提示
AI IDE Trae