Vue2,Vue3 的生命周期比拟多。
以下是 Vue3 生命周期的内容:
setup() : 开始创立组件之前,在 beforeCreate 和 created 之前执行。创立的是 data 和 method
onBeforeMount(): 组件挂载到节点上之前执行的函数。
onMounted(): 组件挂载实现后执行的函数。
onBeforeUpdate(): 组件更新之前执行的函数。
onUpdated(): 组件更新实现之后执行的函数。
onBeforeUnmount(): 组件卸载之前执行的函数。
onUnmounted(): 组件卸载实现后执行的函数。
onActivated(): 比方从 A 组件,切换到 B 组件,B 组件激活时执行。
onDeactivated(): 比方从 A 组件,切换到 B 组件,A 组件隐没时执行。
onErrorCaptured(): 当捕捉一个来自子孙组件的异样时激活钩子函数。
注 :应用 <keep-alive> 组件会将数据保留在内存中,比方咱们不想每次看到一个页面都从新加载数据,就能够应用组件解决。
vue3 应用生命周期须要独自从 vue 中援用, 并且只能在 setup 函数内调用
因为 vue2 比拟容易了解,且与 vue3 基本上没有区别,所以只解释 vue3 生命周期,vue2 参考 vue3。
以下为两者生命周期比照:
Vue2--------------vue3
beforeCreate -> setup()
created -> setup()
beforeMount -> onBeforeMount
mounted -> onMounted
beforeUpdate -> onBeforeUpdate
updated -> onUpdated
beforeDestroy -> onBeforeUnmount
destroyed -> onUnmounted
activated -> onActivated
deactivated -> onDeactivated
errorCaptured -> onErrorCaptured