v-model和.sync不同点:都可以达到双向绑定的效果
v-model原理:v-model在同个标签中只能使用一次, .sync修饰符在同个标签中可以使用多次
v-model在vue中称为语法糖,本质上是给标签属性绑定value和监听input事件,可以用作父子组件间传值
.sync修饰符原理:// 等价于 this.num = val">
本质和v-model语法糖一样,都是属性绑定传值,监听事件接收,不同的是监听事件是update,语法也不同
拓展需求: 子组件点击父组件的num值加1// 使用v-model父传子 // 使用.sync修饰符后父传子 this.num1 = val" :b.sync="num2" @update:a="val => this.num2 = val" >
父组件代码:
父组件: {{ num }}
子组件代码:
子组件:
子组件:
