Vue生命周期(8个阶段)

# 实验室 /  143 访问 /  4 点赞 /  0 评论 /  2个月前

Vue2.x 生命周期变化

  • beforeCreate(创建前)
  • created(创建后)
  • beforeMount(载入前)
  • mounted(载入后)
  • beforeUpdate(更新前)
  • updated(更新后)
  • beforeDestroy(销毁前)
  • destroyed(销毁后)

Vue第一次页面加载会触发beforeCreate created beforeMount mounted四个钩子函数

DOM渲染在mounted这个周期就已经完成


Vue3.x 生命周期变化

被替换

  • beforeCreate -> setup()
  • created -> setup()
重命名
  • beforeMount -> onBeforeMount
  • mounted -> onMounted
  • beforeUpdate -> onBeforeUpdate
  • updated -> onUpdated
  • beforeDestroy -> onBeforeUnmount
  • destroyed -> onUnmounted
  • errorCaptured -> onErrorCaptured

© 未经允许禁止转载

4