image.png
<Switch :value="isChecked" @update:value="isChecked= $event">
//可以簡寫為
<Switch v-model:value="isChecked">
子組件
props: {
value: Boolean || String
},
setup(props, context) {
const toggle = () => {
context.emit('update:value', !props.value);
};
return {toggle};
}
類似于vue2的.sync 修飾符
