Vue3中reactive与ref函数在何种具体应用场景下更合适使用？

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

目录+前言+简单了解+ref+reactive+reactive+ref能做的+ref也能做，并且用reactive做的+reactive不能做+总结+前言+如果你使用过Vue3，你应该知道的，在Vue3中，有两个非常常用的响应式系统组件：ref和reactive。

目录

• 前言
• 简单了解 ref & reactive
• reactive
• ref
• reactive 能做的 ref 也能做，并且还是用 reactive 做的
• ref 能做，但是 reactive 不能做
• 总结

前言

如果你使用过 Vue3，你知道的，在 Vue3 中有两个非常常用的响应式 API：reactive 和 ref。它们会把我们想要追踪的数据变成响应式。

而且我们在使用时一直被告知 ref 用于创建基础类型的响应式，也可以创建引用类型的响应式。而对于引用类型，底层也是转换为 reactive 来进行响应式处理。那既然这样为撒还需要 reactive ，全部使用 ref 不就行了吗？

虽然 ref 创建的响应式数据在脚本中需要通过 .value 才能访问到呀！但是这里肯定影响不大。并且在模板中会自动添加上 .value，所以模板中不需要通过 .value 访问。