vue 的生命周期

vue 的生命周期

1，创建前 => beforeCreate

对应的钩子函数为beforeCreate。此阶段为实例初始化之后，此时的数据观察和事件机制都未形成，不能获得 DOM 节点。

2，创建后 => created

对应的钩子函数为 created。在这个阶段 vue 实例已经创建，仍然不能获取 DOM 元素。

3，载入前 => beforeMount

对应的钩子函数是 beforeMount。在这一阶段，我们虽然依然得不到具体的 DOM 元素，但 vue 挂载的根节点已经创建，下面 vue 对 DOM 的操作将围绕这个根元素继续进行；beforeMount 这个阶段是过渡性的，一般一个项目只能用到一两次。

4，载入后 => mounted

对应的钩子函数是 mounted。mounted 是平时我们使用最多的函数了，一般我们的异步请求都写在这里。在这个阶段，数据和 DOM 都已被渲染出来。

5，更新前 => beforeUpdate

对应的钩子函数是 beforeUpdate。在这一阶段，vue 遵循数据驱动 DOM 的原则。beforeUpdate 函数在数据更新后虽然没立即更新数据，但是 DOM 中的数据会改变，这是 Vue 双向数据绑定的作用。

6，更新后 => updated

对应的钩子函数是 updated。在这一阶段 DOM 会和更改过的内容同步。

7，销毁前 => beforeDestroy

对应的钩子函数是 beforeDestroy。在上一阶段 Vue 已经成功的通过数据驱动 DOM 更新，当我们不再需要 vue 操纵 DOM 时，就要销毁 Vue,也就是清除 vue 实例与 DOM 的关联，调用 destroy 方法可以销毁当前组件。在销毁前，会触发 beforeDestroy钩子函数。

8，销毁后 => destroyed

对应的钩子函数是 destroyed。在销毁后，会触发 destroyed钩子函数。 vue 的生命周期的思想贯穿在组件开发的始终，通过熟悉其生命周期调用不同的钩子函数，我们可以准确的控制数据流和其对 DOM 的影响；vue 生命周期的思想是 Vnode 和 MVVM 的生动体现和继承