vue3有哪些生命周期
看vue3官网给出的示意图,跟vue2的生命周期狗子没有差异性,只是后面的几个钩子命名变了一下
具体如下:
- beforbeforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeUnmount
- unmounted
生命周期场景说明
- 进入页面后会执行beforeCreate/created/beforeMount/mounted
- 当页面数据发生改变时,会触发beforeUpdate/updated,类似于React中的数据更新触发render重新渲染
父组件与子组件的声明周期执行顺序是怎么样的?
- 父-beforeCreate
- 父-created
- 父-beforeMount
- 子-beforeCreate
- 子-created
- 子-beforeMount
- 子-mounted
- 父-mounted