Vue 2 | Vue 3 | |
选项式API | 组合式API | |
beforeCreate | beforeCreate | |
created | created | |
beforeMount | beforeMount | onBeforeMount |
mounted | mounted | onMounted |
beforeUpdate | beforeUpdate | onBeforeUpdate |
updated | updated | onUpdated |
beforeDestroy | beforeUnmount | onBeforeUnmount |
destroyed | unmounted | onUnmounted |
Vue 3的组件可以按两种不同的风格书写:选项式 API 和组合式 API。组合式 API的生命周期钩子都是带前缀on,选项式 API 的生命周期选项和Vue 2基本相同,除了销毁/卸载的两个选项。setup() 钩子是在组件中使用组合式 API 的入口。组合式 API 中的 setup() 钩子会在所有选项式 API 钩子之前调用。
参考