Vue:生命周期

一句话总结：8个钩子 四个阶段

8个钩子

• beforeCreate
• created
• brforeMount
• Mouted
• beforeUpdate
• Updated
• before
• beforeDestroy
• destroyed

四个阶段

• 创建
• 挂载
• 更新
• 销毁

详细介绍每个阶段

• 创建前：开始初始化生命周期

• 创建后：完成数据代理 数据监测

• 挂载前：生成虚拟DOM,页面显示的四是未解析的原生DOM

• 挂载后：将内存中的虚拟DOM转为真实DOM并插入页面

• 更新前：数据是新的，页面是旧的。数据和页面未同步

• 更新后：数据和页面完成同步。

• 销毁前：vm中的data,Methods都可以使用，将要被销毁

• 销毁后：vue声明周期结束

思维导图

文档 ：点我查看Vue文档-生命周期