介绍: .sync是一种语法糖 可以实现父组件与子组件之间的数据双向绑定
举个例子:
1.爸爸给100块钱儿子, 2.儿子收钱之后用来了10块还剩90块,3.然后给爸爸返回90
1.父组件传100给子组件,2.子组件收到100后通过执行子组件里面的代码算法还剩90,3.然后返给父组件,
总结: 其实相当于父组件于子组件之间的双向绑定 大家都懂input表单的双向绑定吧 就是同一个原理
下面展示代码:
父组件:
<child :money.sync = 'total'></child>
//上面等价下面
<child :money = 'total @update:money="total = $event"></child>
子组件:
this.$emit('update:money', newtatal) //把数据返回父组件