vue生命周期之销毁(beforeDestroy):用window监听的事件，在页面销毁前记得移除；否则切换路由后，依然在监听；（销毁事件是在路由未跳转至下一个页面(组件)之前执行的，且在前置路由守卫（router.beforeEach)和后置路由守卫(router.afterEach)之后执行）

                                                vue3

当调用 onMounted 时，Vue 会自动将回调函数注册到当前正被初始化的组件实例上。这意味着这些钩子应当在组件初始化时被同步注册

//错误示例：
setTimeout(() => {
  onMounted(() => {
    // 异步注册时当前组件实例已丢失
    // 这将不会正常工作
  })
}, 100)

注意：上述代码不意味着对 onMounted 的调用必须放在 setup() 或 <script setup> 内的词法上下文中。onMounted() 也可以在一个外部函数中调用，只要调用栈是同步的，且最终起自 setup() 就可以。