v-model的可以在基础组件用,比如。也可以在自定义组件用。本文主要阐述在自定义组件中使用。
父组件: <HelloWorld v-model="value" v-model:test="test" />
子组件:
defineProps(["modelValue", "test"]);
const emit = defineEmits(["update:modelValue", "update:test"]);
emit("update:modelValue", "子组件改变的值");
emit("update:test", "子组件改变的值:test");`
v-model等价于 ::modelValue='value' @update:modelValue='value = $event' 相当于给子组件绑定了modelvalue值 并且再绑定update:modelValue事件