Vue · 单选题 · 第 54 题
前端与全栈开发面试 · 第 54 题
关于 Vue 3 的 ref 和 reactive,下列说法正确的是?
- Aref 可以包装原始值,在 JS 里通过 .value 访问,在模板中会自动解包
- Breactive 可以直接包装数字、字符串这样的原始值,并让它变成响应式
- Cref 只能包装原始值,传入对象或数组的时候会直接报错而无法使用
- D对 reactive 对象进行解构赋值之后,解构出来的变量仍然保持响应式
答案
A A. ref 可以包装原始值,在 JS 里通过 .value 访问,在模板中会自动解包
解析
reactive 基于 Proxy,只能代理对象,原始值要用 ref。ref 包装对象时,内部会用 reactive 处理这个对象。直接解构 reactive 对象得到的是普通值,会丢失响应性,要用 toRefs 转换。官方文档推荐优先使用 ref。