vue笔记——vue生命周期

vue的生命周期主要有八个，分别为

beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryed。

 

befroeCreate阶段：此时变量和方法均为初始化加载出来，在这个阶段调用任何变量和方法都只是undefined

created阶段：此时变量和方法已完成初始化，可以正常访问变量和方法

beforeMounted阶段：render函数被调用，生成虚拟dom，但此时el尚未挂载

mounted阶段：el已经挂载，可以正常进行dom操作

beforeUpdated阶段：数据的状态发生改变（数据更新），但尚未将变化后的数据渲染到页面的阶段，

　　　　　　　　　　此阶段可以监听到数据data的变化，同时也是修改data的最后机会，可以在这个阶段对修改后的data进行二次修改。

updated阶段：数据状态已经发生改变并渲染到页面上

beforeDestory阶段：vue实例尚未被销毁，此阶段vue实例的变量和方法可以正常调用

destoryed阶段：此阶段vue的实例被销毁，变量和方法无法调用

 

笔记参考来源：https://segmentfault.com/a/1190000011381906