在一些情况下,我们可能会需要对一个prop进行双向绑定,但它破坏了单向数据流。
在vue 2.3.0,重新引入了.sync修饰符,这是一个语法糖。
例子:
<child :foo.sync=”msg”></child>
就会被扩展为:
<child :foo=”bar” @update:foo=”val => bar = val”> (@是v-on的简写)
当子组件需要更新foo的值的时候,需要显示触发一个更新事件:
this.$emit( “update:foo”, newValue );