Vue的.sync修饰符

官方文档中.sync修饰符的讲解

• .sync 修饰符只是作为一个编译时的语法糖存在。
• 它会被扩展为一个自动更新父组件属性的 v-on 监听器。
  ####代码示例：

<!-- 父组件——引用子组件-->
<Child :money.sync="total"/>
<!-- 等同于-->
<Child :money="total" v-on:update:money="total = $event" />

<!-- 子组件-->
<button @click="$emit('update:money', money - 100)">花钱</button>