.sync修饰符的作用

• Vue 中的.sync修饰符，是一个重要的语法糖，它可以快速实现组件间的通信

• 当我们需要做的只是让子组件改变父组件状态时，代码更容易区分它会被扩展为一个自动更新父组件属性的 v-on 监听器

• 下面看一个例子，例子中，子组件（Child）通过 $emit 去修改父组件（App）的 total，如果不适用 .sync ,就需要在 父组件中完整的写出

<Child :money="total" v-on:update:money="total = $event"/>

• 如果使用.sync

<Child :money.sync="total"/>

• 具体案例请点击链接查看

codesandbox.io/s/laughing-…