vue3 的toref和torefs


 

roRef的作用是复制reactive的某一个属性,转成ref响应式的值,同时还保存着两者的联系,reactive的属性值改变了ref的值也跟着改变,保留了引用,也就是你从 reactive 复制过来的属性进行修改后,除了视图会更新,原有 ractive 里面对应的值也会跟着更新,

可用于父组件传递的props数据时,要引用props的某个属性且要保持响应式连接时就很有用。

 

 

toRefs的作用是复制reactive的所有属性,里面的属性转成ref响应式的值,跟toref一样保留着引用关系,其中一样改变两个都跟着改变,需要注意的是经过torefs转换使用的时候需要带上.value,比如stateAsRefs.foo在模板使用的时候需要转成ref响应式的值stateAsRefs.foo.value而state.foo不用.value

常用于es6的解构赋值操作。
主要解决 对一个响应式对象直接解构时解构后的数据将不再有响应式

就比如你在外部文件写了一些参数在对象里然后导进来 这时候解构出来是没有响应式的就可以直接用这个包着再解构

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM