isRef toRef toRefs详解

发布时间:2024-04-28更新时间:2024-04-28阅读量:472转载
isRef

检查某个值是否为 ref。

unref:

unRef 如果参数是 ref,则返回内部值,否则返回参数本身。这是 val = isRef(val) ? val.value : val 计算的一个语法糖

类型

复制代码
function unref<T>(ref: T | Ref<T>): T

示例

复制代码
function useFoo(x: number | Ref<number>) {
  const unwrapped = unref(x)
  // unwrapped 现在保证为 number 类型
}
toRef

可以将值、refs 或 getters 规范化为 refs (3.3+)。
也可以基于响应式对象上的一个属性,创建一个对应的 ref。
这样创建的 ref 与其源属性保持同步:
改变源属性的值将更新 ref 的值,反之亦然。

toRefs

1.将一个响应式对象转换为一个普通对象,这个普通对象的每个属性都是指向源对象相应属性的 ref。
2.每个单独的 ref 都是使用 toRef() 创建的。

代码演示地址:https://playcode.io/1851525

参考文档: