Vue 3教程 - 生命周期

关于Vue的生命周期

请参考这里：https://vuejs.org/guide/essentials/lifecycle.html

图源：Vue官网

基本的四个阶段：

• Creation:
• Mounting
• Updating
• Unmounting

声明周期函数可以让我们在组件加载的特定时期执行相应的操作。

Vue生命周期钩子函数介绍

创建组件时(Creation)的钩子函数

• beforeCreate():
• created(): 在调用API进行初始化时使用

挂载组件时（Mounting）的钩子函数

这是在挂载组件，也就是在渲染HTML组件时使用的钩子函数

• beforeMount():
• mounted():

更新组件时（Updating）的钩子函数

• beforeUpdate(): 当数据发生变化，但DOM尚未被更新时
• updated():

卸载组件时（Unmounting）的钩子函数

• beforeUnmount()
• unmounted()

其他生命周期函数

• activated(): 和Keep-alive属性相关
• deactivated()
• errorCaptured()：
• renderTracked()
• renderTriggered()

需要注意的是，在重写这些声明周期函数时，只能使用传统的函数定义，而不要使用箭头函数，否则在函数中无法使用this关键字。