0
点赞
收藏
分享

微信扫一扫

Vue 3 生命周期

数数扁桃 2022-04-15 阅读 71
前端

Vue 3 生命周期一览

选项式 APIHook inside setup
beforeCreateNot needed*
createdNot needed*
beforeMountonBeforeMount
mountedonMounted
beforeUpdateonBeforeUpdate
updatedonUpdated
beforeUnmountonBeforeUnmount
unmountedonUnmounted
errorCapturedonErrorCaptured
renderTrackedonRenderTracked
renderTriggeredonRenderTriggered
activatedonActivated
deactivatedonDeactivated
  • beforeCreate()、created() 的代码放入 setup() 中调用即可
  • onMounted() 中可以进行 API 的调用
  • onActivated()、onDeactivated() 使用 keep-alive 包裹的组件的打开和关闭时触发
  • onErrorCaptured() 后代组件发生错误时触发
  • onRenderTracked() VUE 3 中才能够使用,渲染期间首次跟踪依赖时触发,多用于调试
  • onRenderTriggered() VUE 3 中才能够使用,触发新渲染时调用,多用于调试
举报

相关推荐

0 条评论