VUE钩子说明

- 初始化阶段

beforeCreate是数据绑定之前的钩子
在这之后进行数据和方法的初始化
create
数据和方法绑定后的钩子，如果要调用data和method的东西，最早只能在create里面。

- 挂载阶段

初始化后，vue开始编译模板，在内存中生成一个编译好的模板字符串，然后把这个模板字符串渲染为内存中的DOM，但是还没有开始挂载
beforemount可以在挂载前初始化数据
mounted已经挂载了，在此部分可以操作DOM

- 运行阶段

这个周期是实例在 生命运行 中的状态，中有两个生命周期钩子，在中间会用新的数据渲染出新的内存DOM树，当新的DOM树被更新后，会把新的DOM树重新加到页面中
数据从Model层 > View(视图)

beforeupdate
页面显示仍是旧的数据，但是data是新的，页面显示没有和数据保持一致
update
页面显示和数据保持一致

- 销毁阶段

beforedestroy
执行此钩子时，vue已经从运行到销毁阶段，就是销毁程序已经启动，但是还没有开始真正的销毁
destroy
当执行这个钩子函数时，组件已经完全被销毁，此时组件中的所有，methods，data，监听器，过滤器，都无法使用。至此，vue实例已经被清除出内存。

原文链接：点击查看原文