vue中 .sync修饰符

1 .sync修饰符可以实现子组件与父组件的双向绑定，并且可以实现子组件同步修改父组件的值。它会被扩展为一个自动更新父组件属性的 v-on 监听器。

2. 一般情况下，想要实现父子组件间值的传递，通常使用的是 props 和自定义事件 emit。其中，父组件通过props将值传给子组件，子组件再通过emit将值传给父组件，父组件通过事件监听获取子组件传过来的值。

3.案例

父页面

子页面

4. .sync的使用

 <sync-test :isSyncFlag.sync="isSyncFlag"></sync-test>

this.$emit("update:isSyncFlag", false);

使用.sync后写法需要注意的是：isSyncFlag只能采用update:传递过来的prop属性的方式才行。

5.总结

如果想要简化这里的代码，可以使用.sync修饰符，实际上就是一个语法糖。