vue的官网介绍非常不错，先通读一遍。 2.3.0+ 新增 在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以修改父组件，且在父组件和子组件都没有明显的改动来源。 这也是为什么我们推荐以 update ...

在说vue 修饰符sync前，我们先看下官方文档： vue .sync 修饰符，里面说vue .sync 修饰符以前存在于vue1.0版本里，但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中，我们发现 .sync 还是有其适用之处，比如在开发可复用的组件库时 ...

sync的使用场景 sync修饰符的功能 场景的使用 案例 为啥这样可以修改父组件中的值 尾声 ...

作用：对传递给子组件的 prop 数据进行“双向绑定”。（正常情况下，prop 的数据都是单向数据流） 代码参考如下： 父组件部分 子组件部分 ...

在vue的组件通信props中，一般情况下，数据都是单向的，子组件不会更改父组件的值，那么vue提供.sync作为双向传递的关键字，实现了父组件的变动会传递给子组件，而子组件的carts改变时，通过事件机制，修改父组件的cart。完成了子组件carts和父组件cart的双向映射。 ...

vue 2.3.0+ 新增了 .sync 修饰符，数据的双向绑定时，子组件通过this.$emit('自定义事件名（随意）', 要传给父组件的参数) 然后父组件中使用子组件可以监听那个事件并根据需要更新一个本地的数据 property。例如： 父 ...

我们使用 vue 编写弹框组件的时候，想要关闭弹窗时往往会写个关闭的方法，子组件$emit，父组件里还要加 @xxx="xxxxx"， 非常的不优雅，现在使用 .sync 就非常方便优雅地控制弹窗显示和隐藏了。 ...

vue提供了.sync修饰符，说白了就是一种简写的方式，我们可以将其当作是一种语法糖，比如v-on: click可以简写为@click。 sync修饰符，与我们平常使用$emit实现父子组件通信没有区别，只不过是写法上方便一些。 日常开发时，我们总会遇到需要父子组件双向绑定的问题，但是考虑到 ...