createUnrefFn

ref と生の値を引数として受け取るプレーンな関数を作成します。変換されていない関数が返すのと同じ値を、適切な型付けで返します。

::: tip 適切なツールを使用していることを確認してください。引数の変更ごとに関数を評価したい場合には、reactify を使用する方が適切な場合があります。 :::

使用法

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) /* ❌ 引数が ref のためエラーが発生します */
unrefPost(url, data) /* ✔️ 引数が自動的に unref されるため動作します */