VUE 生命周期

生命周期图示（来自 vue 官网）

一、 建立前（beforeCreate）：对应钩子函数是 beforeCreate, 实例初始化阶段，数据观察和事件机制都尚未造成，不能获取到DOM  节点

二、 建立后 （created）： 对应钩子函数是Created, vue 实例已建立，可是仍是不能获取 DOM 节点

三、 载入前 （beforeMount）： 对应钩子函数 beforeMount, 仍然不能获取 DOM 元素，此时 vue 的根元素已经建立，下面 vue 对 DOM 的操做将围绕这个根节点展开。beforeMount 是过渡性阶段，一个项目通常只能用一次

四、 载入后 （mounted）： 对应钩子函数 mounted, 使用得最多的钩子函数， 通常的异步请求都写在这里，此时的vue 和 DOM 都已经渲染出来了

五、 更新前 （beforeUpdate）： 对应钩子函数 beforeUpdate, VUE 遵循数据驱动 DOM 的原则， beforeUpdate 函数在数据更新后虽然没有当即更新数据，可是 DOM 的数据会改变，这是 VUE 双向数据绑定的做用

六、 更新后 （updated）： 对应钩子函数 updated，DOM 会同步更改过的内容

七、销毁前 （beforeDestroy）： 对应钩子函数 beforeDestroy, 在上一阶段 VUE 已经成功经过 数据驱动DOM 更新,当咱们再也不须要 VUE 操纵 DOM, 就须要销毁，也就是清除 VUE 与 DOM 的关联，调用 destroy方法 能够销毁当前组件，在销毁前，会调用 beforeDestroy 钩子函数

八、 销毁后 （destroyed）： 对应钩子函数 destroy， 销毁后，会调用 destroyed 钩子函数