Vue 3 中的 Ref() 和 Reactive() — 该如何选择？

Composition API 中的 Ref 和 Reactive

Composition API 提供了两种方法来将响应式状态引入到组件中。因此，你需要决定是否使用 ref、reactive 或者两者都使用。我将帮助你做出正确的选择，但让我们先快速了解一下它们。

快速介绍

Ref() 和 reactive() 用于跟踪其参数的更改。当你使用它们来初始化变量时，你向 Vue 提供了信息：“每当它们更改时，我希望你重新构建或重新评估依赖于这些变量的所有内容”。

在下面的示例中，单击按钮后，personRef 和 personReactive 都将更改其名称，但普通的 JS 对象 person 不会更改。

<iframe src="https://medium.com/media/75114ab50d76a6127f4d830dd

付费内容，0.11币解锁全文 >>

Vue3 小问答

Vue3 小问答，每天一个问答，你来问我来答

收录 16 篇文章

订阅专栏可永久解锁本文 >>

Hedy

大家好！我是一位前端开发工程师，拥有6年以上的前端开发经验。我熟练掌握HTML、CSS、JavaScript等语言，能够灵活运用各种前端框架，如Vue、React、Uniapp、Flutter等。我注重理论与实践相结合，能够为学员提供丰富的案例和实践项目，并以生动、易懂的语言为学员讲解前端开发的核心知识和技能。我不仅注重传授技能，更关注学员的职业发展，希望通过我的教学，帮助学员成为一名优秀的前端开发工程师。