乐趣区

关于vue3:toRaf和ref的区别

先来说说 ref 吧

ref 创立时, 须要给它一个指定的值类型数据, 这个值类型数据能够是具体某个值类型也能够是某对象属性外面的值类型

例如:

let obj ={name: 'znq'}
let state =ref(obj.name)

批改 ref 的数据须要通过.value 的模式来批改
例如:

state.value='李小龙'

实质上 ref 函数是将某一对象的属性变成响应式数据, 但对象的属性还是原来那样, 所以咱们通过 state.value 批改数据, 但对象 obj.name 的值还是 ’znq’, 所以咱们能够说 ref 是通过复制来应用值类型的

当初来说说 toRef 吧

toRef 大体上跟 ref 一样, 不同的是通过 toRef 将某一对象的属性变成响应式数据, 接着通过.value 批改响应式数据, 原数据 obj 内的属性也会跟着产生扭转, 是不是有点像援用类型的数据啊(●ˇ∀ˇ●)

还有个最大的区别是 通过 toRef 创立的数据被批改后并不会触发 ui 视图的更新

我写的都是重点

退出移动版