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

mixin>component内部>hook

hook 的写法
写法一：

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

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

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

v2.x程序化的事件侦听器

在vue3 中
hook 的写法改为vnode

2024.10.30更新
在Vue3中

<template>
  <child-component @vue:updated="onUpdated">
</template>

v3.x VNode 生命周期事件
VNode 生命周期事件