VUE3钩子函数

Options API生命周期钩子

对于使用选项API的开发者，Vue 3保留了大部分Vue 2的生命周期钩子，但有一些变化：

• beforeCreate 在实例初始化之后、数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
• created 在实例创建完成后被立即调用，此时组件的选项对象已完成，但模板尚未挂载、渲染或挂载到 DOM 上。
• beforeMount 在挂载开始之前被调用：相关的 render 函数首次被调用。该钩子中，可以访问到编译后的虚拟 DOM，但真实 DOM 还未生成。
• mounted 在组件的模板和渲染函数首次渲染到 DOM 上之后调用。此时可以访问和操作 DOM。
• beforeUpdate
• updated
• beforeUnmount (Vue 2中是beforeDestroy)
• unmounted (Vue 2中是destroyed)
• errorCaptured
• renderTracked
• renderTriggered

Composition API生命周期钩子

对于使用Composition API的开发者，Vue 3引入了一些新的生命周期钩子，这些钩子是通过setup()函数中的onXXX函数来调用的：

• onBeforeMount
• onMounted
• onBeforeUpdate
• onUpdated
• onBeforeUnmount (等同于Vue 2中的beforeDestroy)
• onUnmounted (等同于Vue 2中的destroyed)
• onErrorCaptured