6.vue2.x之vue2.x的选项 / 生命周期钩子

vue2.x之vue2.x的选项 / 生命周期钩子

beforeCreate

此阶段，实例已开始初始化，VDOM和数据都还没有初始化。一般不会在这个周期里面进行操作。

created

数据已经初始化完成，数据观测能够进行 ，watch/method方法能够调用，但vdom未在页面渲染。

beforeMount

数据已经初始化完成，VDOM未挂载到页面，插值表达式{{}}此时能够看到显示在页面中。

mounted

数据和VDOM完成挂载，插值表达式{{}}显示为实际的数据。

beforeUpdate

数据更新时调用，发生在虚拟 DOM 打补丁之前。这里适合在更新之前访问现有的 DOM，比如手动移除已添加的事件监听器。

updated

当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下，你应该避免在此期间更改状态，因为页面更新数据的时候都会触发，在这里操作数据很影响性能和容易死循环。官方推荐最好使用计算属性或 watcher 取而代之。

beforeDestroy

实例销毁之前调用。在这一步，实例仍然完全可用。此阶段，方法和数据仍然可用。例如定时器的清除。

destroyed

Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定。

activated

keep-alive 组件激活时调用。

deactivated

keep-alive 组件停用时调用。

errorCaptured

类型：(err: Error, vm: Component, info: string) => ?boolean

你可以在此钩子中修改组件的状态。因此在模板或渲染函数中设置其它内容的短路条件非常重要，它可以防止当一个错误被捕获时该组件进入一个无限的渲染循环。