Vue3的v-model

这是 Vue 2 到 Vue 3 的一个大变动

要求: 属性名可以任意,假设为value,那事件名必须为"update:value"

// Switch.vue

export default {
  props:{
      value: Boolean
    },
    setup(props,context) {
      const toggle = ()=>{
        context.emit('update:value',!props.value)
      }
      return {toggle};
    }
  }


//可以简写为

$event的值是emit的第二个参数,emit(事件名,事件参数)

你可能感兴趣的:(Vue3的v-model)