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的解构赋值操作。
主要解决 对一个响应式对象直接解构时解构后的数据将不再有响应式
就比如你在外部文件写了一些参数在对象里然后导进来 这时候解构出来是没有响应式的就可以直接用这个包着再解构