這是 Vue 2 到 Vue 3 的一個大變動
要求: 屬性名可以任意,假設(shè)為value,那事件名必須為"update:value"
// Switch.vue
export default {
props:{
value: Boolean
},
setup(props,context) {
const toggle = ()=>{
context.emit('update:value',!props.value)
}
return {toggle};
}
}
<!-- SwitchDemo.vue -->
<Switch :value="y" @update:value="y = $event"/>//可以簡寫為<Switch v-model:value="y" />
$event的值是emit的第二個參數(shù),emit(事件名,事件參數(shù))
