vue3 - onMounted 多次触发 - 解决

1.原因

<router-view> 外面使用了 

<keep-alive>

导致多次触发 onMounted 生命周期

2.解决

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

应该使用

onActivated

用法与 onMounted  是一样的

 

如果使用 setup 但是不使用   defineComponent

那么 

onActivated在  onMounted 之前执行

如果使用

defineComponent

会导致

onMounted 在  onActivated 之前执行

 

很奇怪