Switch及Vue3的v-model

Vue3的编程模型

上图也是代表自己理解，文档中并没有这些名词。
父子数据更常用！context.emit('input',!props.value)其中input为事件，props.value是接收的值，等于y=$event。

1

$event就是在出发那个事件是传递的参数


value控制的是每一次的状态，每次状态都会在触发之后更新一次，每更新一次Switch都要再渲染一次。
添加了input事件，input事件通过$event拿到最新的值

input后面可以接上xxx值，这个xxx就代表$event

Switch 可以接受value作为入口，接受@input作为出口。
所谓双向绑定，其实就是自动监听。

v-model

value和input，2个组件中的变化

1.在switch组件中

正规写法：在context.emit(‘input’,props.value),不应该这么简短，完整写法是'update:value',props这里update：是固定写法。后面的value或者下一行的x。都是和上面props中的键对应的。

2.在switchDemo组件中

Vue3中的v-model

主要是这个

总结