VNode 生命周期事件 重大变更
概述
在 Vue 2 中，可以使用事件来监听组件生命周期中的关键阶段。这些事件的名称以 hook: 为前缀，后面跟着相应的生命周期钩子的名称。
在 Vue 3 中，此前缀已更改为 vue:。此外，这些事件现在可用于 HTML 元素以及组件。
2.x 语法
在 Vue 2 中，事件名称与等效的生命周期钩子相同，以 hook: 为前缀
html
<template>
<child-component @hook:updated="onUpdated">
</template>3.x 语法
在 Vue 3 中，事件名称以 vue: 为前缀
html
<template>
<child-component @vue:updated="onUpdated">
</template>迁移策略
在大多数情况下，只需要更改前缀即可。生命周期钩子 beforeDestroy 和 destroyed 已分别重命名为 beforeUnmount 和 unmounted，因此相应的事件名称也需要更新。