Vue笔记6：生命周期

beforeCreate 和 created

• 小结：created 中可以操作数据，实现vue -> 页面的影响
• 应用：发起ajax请求

代码：

---

挂载前beforeMount 和 挂载后mounted

• beforeMount 装载 Vue启动前的DOM;
• mounted 装载执行 Vue启动后的DOM，只执行一次;

代码：

image.png

---

beforeUpdate 更新前 和 更新后updated

• 这两个有更改数据才会触发
• 应用： beforeUpdate可以获取到原DOM；updated可以获取到新DOM
  代码：

beforeDestroy 销毁前 和 销毁后destroyed

• 销毁，最终都是做一些其它功能的释放，比如，保存到localStorage

代码：

如果频繁的销毁destroyed和创建created组件，对业务显然是不合理的，因此可以使用 这个内置组件来缓存组件(包裹被销毁的如父组件是v-if来控制的组件)，这又会触发下面的这两个生命周期

activated 激活 和 deactivated 停用

image.png