Vue3中ref与toRef的区别

在开发时，有时候会遇到，使用toRef和使用ref的页面效果一样。

代码如下：

使用ref，页面上的数据依旧是响应式的。

但是这里有一个坑，使用ref，它只有创建的时候读取了obj里面的数据。之后修改的数据都是ref创建出来的属性。

验证一下，在页面中渲染出obj。进行对比

代码：

效果图：

 name:ref(obj.name),相当于读取了孙悟空这个字符串，把它打包成了一个新的ref对象。源数据丝毫不变。

以上就是ref以及toRef的区别。