关于Vue中的.sync修饰符

介绍: .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) //把数据返回父组件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值