Vue2 生命周期

一个组件从创建 -> 运行 -> 销毁的整个阶段

生命周期函数

由 Vue 提供的内置函数，会随着生命周期，自动依次执行

Vue生命周期

创建阶段

  • beforeCreate：组件创建之前
  • created：组件在内存中创建完成

常在 created 生命周期函数中发送 AJAX 请求获取数据

挂载阶段

  • beforeMount：组件渲染之前
  • mounted：组件渲染完成

常在 mounted 生命周期函数中操作 DOM 元素

更新阶段

  • beforeUpdate：当组件数据要发生变化时，在数据变化之前
  • updated：组件数据变化之后

销毁阶段

  • beforeDestroy：组件销毁之前
  • destroyed：组件销毁完成