关于vue.js:vue-生命周期简述

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