Vue 中的 .sync 修饰符有什么用
Vue 本身是数据驱动渲染，所以数据（包括属性、计算属性等）变化可以触发界面数据呈现，但是界面的输入要反馈给组件，就需要用触发事件的方式来反馈。双向绑定是用于更新属性事件的语法糖，使用 :属性名.sync="..." 绑定。子组件中通过触发 update:属性名 事件来更新父组件中绑定的数据。
比如：
代码<my-comp :foo.sync="bar"></my-comp>
会被扩展成<comp :foo="bar" @update:foo="val => bar = val"></comp>
就是一个语法糖