vue3 v-model 双向更新

原文地址：https://juejin.cn/post/7124602963058196516

const props = defineProps({
    // v-model
    modelValue: { type: String, default: '' },
})

const emit = defineEmits(['update:modelValue'])

emit('update:modelValue', value)

 

多个 v-model 的情况

<myComponent 
  v-model="test" 
  v-model:test1.lazy="test1" 
  v-model:test2="test2">
</myComponent>

###################################

const props = defineProps({   
  modelValue: String,
  test1: String,
  test2: String,
})

const emit = defineEmits(["update:modelValue", "update:test1", "update:test2"])

emit("update:modelValue", '1')
emit("update:test1", '2')
emit("update:test2", '3')