vue hook在组件生命周期中的执行顺序

mixin>component内部>hook
在这里插入图片描述

hook 的写法
写法一：


mounted() {
this.$once('hook:beforeDestroy', () => {
	....
	clear()
})
}
//好处： 每个新的实例都程序化地在后期清理它自己，无需增加额外的实体（如非必要，勿增实体）

写法二：在父组件监听子组件的生命周期方法


//父组件中这样写
<child-component
  :value="40"
  @hook:mounted="handleChildMounted"
/>

在vue3 中
hook 的写法改为vnode