关于.sync修饰符
在Vue中，子父组件最常用的通信方式就是通过props进行数据传递，props值只能在父组件中更新并传递给子组件，在子组件内部，是不允许改变传递进来的props值，这样做是为了保证数据单向流通。但有时候，我们会遇到一些场景，需要在子组件内部改变props属性值并更新到父组件中，这时就需要用到.sync修饰符。
简言之，:name.sync就是:name="name" @update:name="name = $event"的缩写。
即如下代码：
<child :name.sync="name"></child>
等价于
<child :name="name" @update:name="name = $event"></child>
