VUE 生命周期详细了解

[^1] 本篇为自己学习记录，有任何问题或者问题请随时联系我。

一、了解生命周期

new Vue()

是Vue 项目的起源，表示创建了根实例并准备好数据和方法，一般写在 main.js 。
会发生在 刚刚打开这个项目时 或 浏览器刷新页面时

init

初始化生命周期和事件。

beforeCreate

此时 data 和 methods 的数据都还没被初始化，无法通过 vm 访问到 data 中的数据、methods 中的方法。
所以在需要页面进入加载数据修改data默认数据时不能在这里写

init

初始化数据检测、数据代理。

created

此时 data 和 methods 的数据已经初始化完成了，可以通过 vm 访问到 data 中的数据，methods 中的方法。
需要修改data 的数据可以在这里写。

在created 和 beforeMount 之间 还有个阶段

Vue 开始解析模板，生成虚拟的DOM (在内存中)，页面还没不能显示解析好的内容。

beforeMo