v-model实现父子组件之间的数据同步
在Vue 3中,可以在
子组件
<template>
<div>
<h3>子组件</h3>
<input :value="modelValue" @input="$emit('update:modelValue', $event.target.value)">
</div>
</template>
<script setup>
import { defineProps, defineEmits } from 'vue'
const props = defineProps({
modelValue: {
type: String,
default: ''
}
})
const emits = defineEmits(['update:modelValue'])
</script>