vue3 的 v-model

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 修饰符