vue .sync的用法

80 阅读1分钟

.sync 可以实现父与子的双向数据绑定 他跟v-model差不多 但是v-model只能绑定一个 .sync可以绑定多个
虽然通过父传子props,子传父$emit('自定义事件',值)也能实现数据的双向 ,但是.sync相当于他们的语法糖

用法:
 <bbbbbb :a="num" @update:a="val=>num=val"> </bbbbbb>
       
可以简写
  <bbbbbb :a.sync="num"></bbbbbb>
看图

image.png

等同于

image.png