onmounted vue3

在Vue3中，`onMounted`是一个新的生命周期钩子函数，它在组件挂载到DOM后执行。与Vue2中的`mounted`钩子函数类似，它可以用来执行一些初始化的操作。\[1\]在Vue3中，`beforeCreate`和`created`钩子函数被合并为了`setup`函数。在`setup`函数中，不能使用`this`关键字，而是采用了新的响应式API。\[1\]另外，如果在Vue3中使用了`router-view`并设置了`key`，每次跳转页面都会记录一次，并导致执行一次页面的生命周期钩子函数，包括`onMounted`。\[3\]所以，如果在同一个页面中多次跳转，`onMounted`会被反复执行。\[2\]
#### 引用[.reference_title]
- *1* [vue3生命周期详解](https://blog.csdn.net/weixin_45357661/article/details/130457119)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [vue3 onMounted 反复执行问题](https://blog.csdn.net/qq_42027690/article/details/125805992)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]