useVModel
Shorthand for v-model binding, props + emit -> ref
We encourage you to use Vue's
defineModel
over this composable, however there are some edge-cases like usingTSX
or thedeep: true
option thatdefineModel
doesn't support.
Usage
js
import { useVModel } from '@vueuse/core'
export default {
setup(props, { emit }) {
const data = useVModel(props, 'data', emit)
console.log(data.value) // props.data
data.value = 'foo' // emit('update:data', 'foo')
},
}
<script setup>
Talks: June 3-4 Live Coding: June 5th
02days
:
15hours
:
11minutes
:
11seconds
:
Talks: June 3-4 Live Coding: June 5th
02
days
:
15
hours
:
11
minutes
:
11
seconds
: