createUnrefFn

分类

导出大小

101 B

上次更改

3 个月前

用法

import { createUnrefFn
 } from '@vueuse/core'
import { shallowRef
 } from 'vue'

const url
 = shallowRef
('https://httpbin.org/post')
const data
 = shallowRef
({ foo
: 'bar' })

function post
(url
, data
) {
  return fetch
(url
, { data
 })
}
const unrefPost
 = createUnrefFn
(post
)

post
(url
, data
) /* ❌ Will throw an error because the arguments are refs */
unrefPost
(url
, data
) /* ✔️ Will Work because the arguments will be auto unref */

类型声明

export type UnrefFn
<T
> = T
 extends (...args
: infer A
) => infer R

  ? (
      ...args
: {
        [K
 in keyof A
]: MaybeRef
<A
[K
]>
      }
    ) => R

  : never
/**
 * Make a plain function accepting ref and raw values as arguments.
 * Returns the same value the unconverted function returns, with proper typing.
 *
 * @__NO_SIDE_EFFECTS__
 */
export declare function createUnrefFn
<T
 extends Function>(fn
: T
): UnrefFn
<T
>