toRef
将值/ref/getter 标准化为 ref
或 computed
。
用法
ts
import { toRef } from '@vueuse/core'
const foo = ref('hi')
const a = toRef(0) // Ref<number>
const b = toRef(foo) // Ref<string>
const c = toRef(() => 'hi') // ComputedRef<string>
类型声明
typescript
/**
* Normalize value/ref/getter to `ref` or `computed`.
*/
export declare function toRef<T>(r: () => T): Readonly<Ref<T>>
export declare function toRef<T>(r: ComputedRef<T>): ComputedRef<T>
export declare function toRef<T>(r: MaybeRefOrGetter<T>): Ref<T>
export declare function toRef<T>(r: T): Ref<T>
export declare function toRef<T extends object, K extends keyof T>(
object: T,
key: K,
): ToRef<T[K]>
export declare function toRef<T extends object, K extends keyof T>(
object: T,
key: K,
defaultValue: T[K],
): ToRef<Exclude<T[K], undefined>>
/**
* @deprecated use `toRef` instead
*/
export declare const resolveRef: typeof toRef
源码
贡献者
更新日志
v13.0.0
于 2025/3/10v12.8.0
于 2025/3/5v12.0.0-beta.1
于 2024/11/21v10.0.0
于 2023/4/14v10.0.0-beta.4
于 2023/4/134d757
- 特性(类型)!: 重命名 MaybeComputedRef
为 MaybeRefOrGetter
f307f
- 特性: 支持来自 Vue 的双参数重写10e98
- 特性!: 重命名 resolveRef
为 toRef