vue3里ref与reactive的区别？

作者站长头像
站长
· 阅读数 17

在vue3里一直说ref定义基本类型数据，而reactive是定义数组和对象的，但我看很多人定义数组也是用的ref,如：

import {ref} from 'vue'
const arr=ref(['one','two'])

所以我就不懂了，那数组到底应该用ref还是reactive？？？

回复
1个回答
avatar
test
2024-07-18

ref 比 reactive 适用范围更广，reactive 只接受object，ref 啥都接受。不过ref 的底层也是调用 reactive 的。

所以现在一般在基础数据结构上，比如 number, string, boolean 等，用ref，而且ref可以被重新赋值，也就是 ref.value = new value.不会失去响应性。

但reactive不能整体被重新赋值，只能对已初始化的数据结构进行内部修改，对于多个状态组合管理更为方便。

如果你想详细了解，可以看看这个链接：https://9to5answer.com/ref-vs...

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容