Vue .sync修饰符

我们有时候会遇到这么一个问题：一个组件上只能定义一个v-model，如果其他prop也要实现双向绑定的效果该怎么办呢？

在有些情况下，我们可能需要对一个 prop 进行“双向绑定”，vue .sync 修饰符以前存在于 vue1.0 版本里，但是在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中，我们发现 .sync 还是有其适用之处，比如在开发可复用的组件库时。

我们需要做的只是让子组件改变父组件状态的代码更容易被区分。从 2.3.0 起我们重新引入了 .sync 修饰符，但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。

示例

父组件

 子组件 

vue 修饰符 sync 的功能是：当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定。