vue2和vue3的钩子函数执行顺序
时间: 2024-05-10 08:12:57 浏览: 215
Vue指令的钩子函数使用方法
5星 · 资源好评率100%
Vue2和Vue3的钩子函数执行顺序有一些不同,下面是它们的执行顺序:
Vue2的钩子函数执行顺序:
1. beforeCreate
2. created
3. beforeMount
4. mounted
5. beforeUpdate
6. updated
7. beforeDestroy
8. destroyed
Vue3的钩子函数执行顺序:
1. beforeCreate
2. created
3. onBeforeMount
4. onMounted
5. onBeforeUpdate
6. onUpdated
7. onBeforeUnmount
8. onUnmounted
可以看到,Vue3增加了两个新的钩子函数,分别是`onBeforeUnmount`和`onUnmounted`,用来替代Vue2中的`beforeDestroy`和`destroyed`。同时,Vue3将`beforeMount`和`mounted`拆分成了两个独立的钩子函数。
阅读全文