Go
Go

Vue 生命周期

生命周期就是Vue实例从创建到销毁的过程,
由开始创建, 初始化数据, 编译模板, 挂载dom, 更新, 卸载等一系列过程

总共分为八个阶段

创建前/后 (beforeCreate/created),

载入前/后 (beforeMount/mounted),

更新前/后 (beforeUpdate/updated),

销毁前/销毁后 (beforeDestroy/destroyed)

适用场景

  1. beforeCreate: 可以在这加个loading事件,在加载实例时触发
  2. created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用
  3. mounted : 挂载元素,获取到DOM节点
  4. updated : 如果对数据统一处理,在这里写上相应函数
  5. beforeDestroy : 可以做一个确认停止事件的确认框
  6. nextTick : 更新数据后立即操作dom
支持一下
扫一扫