Vue生命周期与setup函数的每个阶段和细节如何深入理解和应用？

本文共计1195个文字，预计阅读时间需要5分钟。

目录+生命周期+生命周期函数+不同于API的生命周期+setup介绍

1.访问Props

2.setup上下文

3.与渲染函数一起使用生命周期

生命周期+下图标示了vue3（左）和vue2（右）的生命周期对比：vue3将destoryed改名为了destroyed

目录

• 生命周期
• 生命周期函数
• 不同API的生命周期
• setup介绍
• 1. 访问Props
• 2. setup上下文
• 3. 与渲染函数一起使用

生命周期

下图对比了vue3（左）和vue2（右）的生命周期：vue3将destoryed该名成了unmounted，相应的beforeDestory改成了beforeUnmounted。除此之外在组合式API中新增了个钩子函数：setup。它发生在beforeCreate之前。