vue2.3.0中使用.sync语法糖

在 1.x 里,可以使用 .sync 双向绑定数据,也就是父组件或子组件都能修改这个数据,是双向响应的。在 Vue.js 2.x 里废弃了这种用法,目的是尽可能将父子组件解耦,避免子组件无意中修改了父组件的状态。

但在Vue.js 2.3.0 版本,又增加了 .sync 修饰符,但它的用法与 1.x 的不完全相同。2.x 的 .sync 不是真正的双向绑定,而是一个语法糖,修改数据还是在父组件完成的,并非在子组件。

示例代码: 在子组件中首先接受父组件传过来的值
子组件 b.vue
vue2.3.0中使用.sync语法糖_第1张图片

这里是引用

然后再父组件中引用该子组件时:
父组件a.vue

~~

你可能感兴趣的:(前端,vue,sync)