useVModels

类别

导出体积

509 B

上次更改

2 months ago

用法

import { useVModels
 } from '@vueuse/core'

const props
 = defineProps
({
  foo
: string,
  bar
: number,
})

const emit
 = defineEmits
(['update:foo', 'update:bar'])

const { foo
, bar
 } = useVModels
(props
, emit
)

Options API

import { useVModels
 } from '@vueuse/core'

export default {
  props
: {
    foo
: String
,
    bar
: Number
,
  },
  setup
(props
, { emit
 }) {
    const { foo
, bar
 } = useVModels
(props
, emit
)

    console
.log
(foo
.value
) // props.foo
    foo
.value
 = 'foo' // emit('update:foo', 'foo')
  },
}

类型声明

/**
 * 用于 props 的 v-model 绑定的简写。类似于 `toRefs(props)`，但更改也会触发 emit。
 *
 * @see https://vueuse.org/useVModels
 * @param props
 * @param emit
 * @param options
 *
 * @__NO_SIDE_EFFECTS__
 */
export declare function useVModels
<P
 extends object, Name
 extends string>(
  props
: P
,
  emit
?: (name
: Name
, ...args
: any[]) => void,
  options
?: UseVModelOptions
<any, true>,
): ToRefs
<P
>
export declare function useVModels
<P
 extends object, Name
 extends string>(
  props
: P
,
  emit
?: (name
: Name
, ...args
: any[]) => void,
  options
?: UseVModelOptions
<any, false>,
): ToRefs
<P
>