Vue 生命周期

  • beforeCreate 实例初始化之后,可以进行数据观测以及事件的配置
  • created 实例已经创建完成,响应式属性或方法已经配置完成,可以拿到 data 中的数据,可以进行数据资源的请求(ajax请求)
  • beforeMount 挂载前,(确定 el 或 vm.$mount() 是否挂载 dom 元素,以及是否设置 template 选项,如果有则渲染 template 中的内容, 若没有则渲染外部 html )
  • mounted 挂载后,可以获取到 dom 元素,对 dom 元素进行操作
  • beforeUpdate 更新前
  • updated 更新后 依赖于 dom 操作 ,不可更新 data 中的数据,会进入死循环
  • beforeDestroy 销毁前 调用 vm.$destroy() 进入销毁期
  • destroyed 销毁后 执行一些优化操作,如 清空定时器 销毁子组件 解除事件的绑定