Vue - 生命周期

生命周期钩子

beforeCreated:
实例初始化之后，this 指向创建的实例。不能使用 data 和 methods 上的数据和方法。
常用于初始化非响应式变量。

created:
实例创建完成，可以访问 data 和 methods。未挂载到 dom，不能使用 $el。

beforeMount:

mounted:
实例挂载到 dom 上，此时可以使用 dom api 获取元素。

beforeUpdate
updated

beforeDestroy
destroyed

数据请求放在前4个钩子函数中都可以。

父子组件：

子组件在父组件的 beforeMount 之后开始初始化。
props 变化时：

parent-beforeUpdate
  child-beforeUpdate
  child-Updated
parent-Updated

父组件销毁时：

parent-beforeDestroy
  child-beforeDestroy
  child-Destroyed
parent-Destroyed

参考目录

vue 生命周期深入 - 前端 - 掘金