Vue之组件生命周期及执行原理

vue3有哪些生命周期

看vue3官网给出的示意图,跟vue2的生命周期狗子没有差异性,只是后面的几个钩子命名变了一下

具体如下:

  1. beforbeforeCreate
  2. created
  3. beforeMount
  4. mounted
  5. beforeUpdate
  6. updated
  7. beforeUnmount
  8. unmounted

生命周期场景说明

  • 进入页面后会执行beforeCreate/created/beforeMount/mounted
  • 当页面数据发生改变时,会触发beforeUpdate/updated,类似于React中的数据更新触发render重新渲染

父组件与子组件的声明周期执行顺序是怎么样的?

  • 父-beforeCreate
  • 父-created
  • 父-beforeMount
  • 子-beforeCreate
  • 子-created
  • 子-beforeMount
  • 子-mounted
  • 父-mounted

你可能感兴趣的:(Vue之组件生命周期及执行原理)