vue3生命周期钩子函数

Vue 3 中有以下生命周期钩子函数：

• setup：在新的组件实例创建之前调用，它是组件实例化的第一个函数。该函数接收两个参数：props 和 context，可以使用这些参数来设置组件中的响应式状态、计算属性等。
• beforeCreate：在组件实例创建之后，在选项合并之前被调用。此时只有 props 和 methods 被初始化，不能访问到其他数据和方法。
• created：在组件实例创建之后，在选项合并之后被调用。此时已经能够访问到 data、computed、watch 等选项，并且已经完成了模板编译和挂载过程。
• beforeMount：在组件挂载到页面之前被调用，此时已经完成了模板编译，但尚未进行实际渲染。
• mounted：在组件挂载到页面之后被调用，此时组件已经渲染完成，并且对应的 DOM 元素也已经生成。
• beforeUpdate：在组件更新之前被调用，此时已经准备好了虚拟 DOM 的新旧节点进行对比。
• updated：在组件更新之后被调用，此时组件的 DOM 已经更新完成。
• beforeUnmount：在组件卸载之前被调用。
• unmounted：在组件卸载之后被调用。

以上生命周期钩子函数都可以使用异步函数（如 async/await）以及所有常规 JavaScript 功能，如条件语句和循环。此外，值得注意的是，Vue 3 移除了 $attrs 和 $listeners，将其替换为了 attrs 和 listeners。