refs

接受一个值，返回一个响应式并且可变的 ref 对象。ref 对象具有指向值的单个属性的值。

示例：

如果将对象分配为 ref 值，则可以通过 reactive 方法使该对象具有高度的响应式。

unref

如果参数为 ref，则返回内部值，否则返回参数本身，这是 val = isRef(val) ? val.value : val

示例：

toRef

可以用来为源响应式对象上的属性创建一个新的 ref,然后可以将 ref 传递进去，从而保持对其源属性的响应式链接。

示例：

当您要将 prop 的 ref 传递给复合函数时，toRef 很有用：

export default {  setup(props) {    useSomeFeature(toRef(props, 'foo'))  }}

toRefs

将响应式对象转换为普通对象，其中结果对象的每一个属性都是指向相应的属性的 ref.

示例：

toRefs

当从合成函数返回响应式对象时，toRefs 非常有用，这样消费组件就可以在不丢失响应性的情况下对返回的对象进行分解/扩散：

function useFeatureX() {  const state = reactive({    foo: 1,    bar: 2  })  // 逻辑运行状态  // 返回时转换为ref  return toRefs(state)}export default {  setup() {    // 可以在不失去响应性的情况下破坏结构    const { foo, bar } = useFeatureX()    return {      foo,      bar    }  }}

customRef

创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。它需要一个工厂函数，该函数接收 track 和 trigger 函数作为参数，并应返回一个带有 get 和 set 的对象。

使用 v-model 使用自定义 ref 实现 debounce 的示例：