我们知道ref可以用于创建一个响应式数据,而toRef也可以创建一个响应式数据,这篇文章主要给大家介绍了关于Vue3中ref与toRef区别的相关资料,需要的朋友可以参考下
1. ref是复制,视图会更新
如果利用ref将某一个对象中的某一个属性值变成响应式数据
我们修改响应式数据是不会影响原始数据本文来源gaodaimacom搞#^代%!码网@的;
同时视图会跟新。
ref就是复制 复制是不会影响原始数据的
<div> <div> <div>{{stateObj}}</div><button>按钮</button></div></div>
2.toRef是引用,视图不跟新
如果利用toRef将某一个对象中的属性变成了响应式的数据
我们修改响应式的数据是会影响原始数据的
如果数据是通过toRef创建的，修改值后，数据不会触发视图
toRef是引用；它引用的是以前那个对象中的属性
所以你修改后，会影响到原始数据终中的值
<div> <div> <div>{{state}}</div><button>按钮</button></div></div>
3.结论
ref复制， 修改响应式数据，不会影响以前的数据，界面会更改。
toRef引用， 修改响应式的数据，会影响以前的数据，界面不会更新。
toRef的使用场景
如果想让响应式数据和原始数据关联起来。
并且更新响应式数据后，不想视图更新；那么就可以使用toRef
小结：
ref和toRef的区别
(1). ref本质是拷贝，修改响应式数据不会影响原始数据；toRef的本质是引用关系，修改响应式数据会影响原始数据
(2). ref数据发生改变，界面会自动更新；toRef当数据发生改变是，界面不会自动更新
(3). toRef传参与ref不同；toRef接收两个参数，第一个参数是哪个对象，第二个参数是对象的哪个属性
总结
以上就是Vue3中ref与toRef的区别浅析的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Vue3中ref与toRef的区别浅析
转载请注明原文链接：Vue3中ref与toRef的区别浅析
