vue .sync修饰符

原文链接： https://www.cnblogs.com/foreveronlymiss/p/foreveronlymiss.html

在一些情况下，我们可能会需要对一个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 );