sync属性修饰符
sync是组件通信方式的一种也可以实现父子数据的同步
看案例
父组件
小明的爸爸现在有{{ money }}元不使用sync修改符
"money" @update:money="money = $event"> //:money是父组件给子组件传递的props,@update是子组件绑定的自定义事件只不过名字叫做update:money,可以实现父子组件数据同步
子组件
"background: #ccc; height: 50px;"> 小明每次花100元 爸爸还剩 {{money}} 元
在看使用sync
小明的爸爸现在有{{ money }}元不使用sync修改符
"money" @update:money="money = $event"> 使用sync修改符
"money">
:money.sync含义:
- 父组件给子组件传递了一个props叫money
- 给当前子组件绑定了一个自定义事件,而且事件的名称即为update:money