我理解的 生命周期意味着 vue实例 从 创建 --> 销毁的一个过程,分为7个阶段
1.创建
2.初始化数据
3.编译template
4.挂载dom
5.渲染
6.更新渲染
7.卸载
而这些生命周期对应着 vue2 中的一些生命周期钩子
beforeCreate: 实例创建之初
created:组件已经创建完成
beforeMount:组件挂载之前
mounted:组件挂载之后
beforeUpdate: 数据发生变化 更新之前
updated:数据发生变化 更新之后
beforeDestroy:组件销毁之前
destroy:组件销毁之后
activated:keep-alive组件激活
deactivated:keep-alive组件停用
const vm = new Vue() {} // 创建一个 空的实例对象 ==> beforeCreate 这个时候会初始化 data methods ==> 进入 created 解析模板语言 ==> 进入beforeMount 这个时候 模板已经编译好但是为更新 这个时候会将vue的el 替换成 真正的el ==> 替换完成进入 mounted 这个时候 dom已经替换完成(这就是为什么需要在 mounted中 才能获取到dom,所以建议调用接口获取数据在created 中)==> 在组件销毁时 先进入beforeDetroy ==> 销毁之后进入 destroy