在父组件向子组件传值时，用到了.sync。之前看到其他地方用过这个修饰符，今天具体学习了一下。
// 父组件
<funnel-chart :chart-type.sync="chartType"/>
// 子组件
this.$emit('update:chartType', type);
之前父子组件传值的时候，一般使用的都是$emit。
在一些情况下，我们可能会需要对一个prop（父子组件传递数据的属性） 进行“双向绑定”。
在vue 1.x中的.sync修饰符所提供的功能。当一个子组件改变了一个带.sync的prop的值时，这个变化也会同步到父组件中所绑定的值。 这很方便，但也会导致问题，因为它破坏了单向数据流。（数据自上而下流，事件自下而上走）
由于子组件改变prop的代码和普通的状体改动代码毫无区别，所以当你光看子组件的代码时，你完全不知道它合适悄悄地改变了父组件的状态。
这在debug复杂结构的应用时会带来很高的维护成本。于是我们在vue 2.0中移除了.sync。
但是在实际应用中，我们发现.sync还是有其适用之处的，比如在开发可复用的组件库时。
我们需要做的只是 让子组件改变父组件状态的代码更容易被区分。
于是从vue 2.3.0开始，我们重新引入了.sync修饰符，但是这次它只是作为一个编译时的语法糖存在。他会被自动扩展为一个 自动更新父组件属性的v-on监听器。
<funnel-chart :chart-type.sync="chartType"/>
// 就会被扩展为
<funnel-chart :chart-type="line" @update:chart-type="val =>line = val"/>
