Vue3中reactive与ref函数在何种复杂场景下使用最为合适？

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

目录+前言+简单了解+ref+reactive+reactive+ref+能做的+ref+也能做，并且还是用+reactive+做的+ref+能做的，但+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 才能访问到呀！但是这里肯定影响不大。