简述 Vue 中 .sync 修饰符的作用
在说vue修饰符sync前,我们先看下官方文档:vue.sync修饰符,里面说vue.sync修饰符以前存在于vue.1.0版本里,但是在2.0中移除了.sync。但是在2.0发布之后的实际应用中,我们发现.sync还是有其适用之处,比如在开发可复用的组件库时。我们需要做的只是让子组件改变父组件状态的代码更容易被区分。从2.3.0起我们重新引入了.sync修饰符,但是这次他只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的v-on监听器。
示例代码如下:
会被扩展为:
当子组件需要更新 money 的值时,他需要显示地触发一个更新事件:
vue修饰符sync的功能是:当一个子组件改变了一个prop的值时,这个变化也会同步到父组件中所绑定。