vue3的toRefs为什么拿不到最深层

Question

为什么a的值不能直接拿到呢

下面的又有值了

Answer 1

toRefs 以后每个属性都已经变成一个 ref 了。

ref 最大的特点是什么？

需要 .value 取到的才是实际值，不然取的只是包装对象而已。

所以你这里应该打印的是：

console.log(obj.testObj.value.a);

P.S. 如果你用的是 TypeScript，此时 IDE 已经会给你报错了，你就直接明白了。所以你看 TypeScript 在这种时候是不是很有用？让你少走很多 Debug 弯路。