vue生命周期钩子函数（总结）

vue生命周期钩子函数：

常用的八个分别是：

• beforeCreate
• created
• beforeMount
• mounted
• beforeUpdate
• updated
• beforeDestroy
• destroyed
  其分别代表的是：创建前，创建后，挂载前，挂载后，更新前，更新后，销毁前，销毁后

beforeCreate vue对象创建好，但是数据初始化还没执行
created() 当vue初始化结束后，内部参数初始化完成
beforeMount 当 渲染dom 之后 立即执行 可以 访问 到 dom对象
mounted dom渲染后 执行的钩子函数
beforeUpdate 当 data 数据 发生改变时，重新渲染 dom 之后 会调用
updated() 当dom重新渲染完毕后才执行

不常用的三个钩子：

• activated
• deactivated

keep-alive：包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们
当组件在 keep-alive 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。
所代表的是，keep-alive 标签**时和**后

• errorCaptured
  当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。此钩子可以返回 false 以阻止该错误继续向上传播。

然后是官网的大图：

总结至vue官网，生命周期钩子函数