您好,欢迎来到爱go旅游网。
搜索
您的当前位置:首页深入理解vue.sync修饰符

深入理解vue.sync修饰符

来源:爱go旅游网
深⼊理解vue.sync修饰符

.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

本站由北京市万商天勤律师事务所王兴未律师提供法律服务