首先，讲讲.sync的来历，在项目中常有父子组件传值，子组件修改父组件数据的需求，而Vue是不允许子组件直接修改操作的，直接红牌警告：
于是乎，有了以下操作：
- 子组件在props中声明，与父组件商量好的传值暗号xxx（用来作为传递值的别名）
- 子组件通过触发一个事件来告诉父组件：“我要改xxx对应的值！”（
this.$emit('update: value', this.xxx=yyy)） - 父组件在引用子组件时，在其标签内通过
:xxx='local_value' @update:value='local_value = $event'来监听update:value事件，对更改请求作出响应 - local_value的值更改为yyy
这是我的实验沙盒链接，可以点击进来看看完整代码
例子中，msg对应xxx，parent对应local_value，update:value其实是一个字符串，只要父子组件对应即可，不强制要求，但官方建议写为’update:value’，大概是为了语义性吧~
而.sync是用来简化第3步操作的：:xxx.sync = 'local_value'等价于:xxx='local_value' @update:value='local_value = $event'这么一长串，最后实现的效果一样，.sync就是这么一颗语法糖。
需要注意的是，:xxx.sync = 后面不能接表达式，如果需要改变，那就通过计算属性引进来，类似v-model。
同时，可以用v-bind.sync = 'xxx’来一次传递多个值，这些值都封装在对象xxx内，xxx对象中的每一个属性都会作为一个独立的 prop 传给子组件，然后各自添加用于更新的 v-on 监听器。
w(ﾟДﾟ)w就刚刚我去试了下，用这个方法，子组件里proprs传参，直接传对象的属性名就行，$emit的事件名也是"update:属性名"改成其他的还不行，可以可以，终于明白官方为啥要求事件名按他们要求的写了！代码在上面的沙盒里，可以去看看~
对了，这个xxx对象不能用字面量写进去，不支持！