这种用法有点像vue2中sync下修饰符
父组件:
<Child v-model:num="num" ></Child>
</template>
<script lang='ts' setup>
import Child from "./01-AppChild.vue"
import { ref } from "vue"
let num = ref(31);
</script>
子组件:
<script lang='ts' setup>
let props = defineProps({
num:{
type:Number,
default:999
}
})
const emits = defineEmits<{
// 注意:update是固定的,后面的值是父组件中v-model后面的值
(event:"update:num",n:number):void
}>();
let n = props.num
const hdClick = () => {
n++
// 注意:update是固定的,后面的值是父组件中v-model后面的值
emits("update:num",n)
}