.sync是vue中⽤于实现简单的“双向绑定”的语法糖,在平时的开发中是⾮常使⽤的。
vue的prop是单向下⾏绑定:⽗级的prop的更新会向下流动到⼦组件中,但是反过来不⾏。可是有些情况,我们需要对prop进⾏“双向绑定”。这个时候,就可以⽤.sync来解决
.sync⽤法
当⼦组件需要更新 title 的值时,它需要显式地触发⼀个更新事件:this.$emit('update:title', newValue)
这样title的属性在⼦组件内部更新,⽗组件也能感知的到,实现了“双向绑定”。
.sync应运实例
如果未触发事件 this.$emit('update:show', false); 则外部感知不到⼦组件内部对show的改变,依然认为此事的值是true,导致弹框点击打开⼀次之后,后⾯再不会打开。
因篇幅问题不能全部显示,请点此查看更多更全内容
Copyright © 2019- igat.cn 版权所有 赣ICP备2024042791号-1
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务