.sync修饰符的使用

Vue 三条规则：

1. 组件不能修改 prop外部的属性

2. 组件通过$emit触发事件并传参

3. 组件通过$event 获得$emit 后的参数

子组件 Child 有属性 money，触发update:money并传参money-100

<button @click=$emit('update:money',money-100)>
</button>

父组件监听事件update:money 并拿到$emit的参数money-100给 total

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

有了.sync 修饰符后可改为： 父组件

<Child :money.sync="total"></Child>//相当于.sync做了上面的事件