在Vue中如果子组件想修改数据并且同步到父组件的办法！

如果子组件想修改数据并且同步更新到父组件，在一些情况下，我们可以使用.sync来做：

如图父组件

子组件：

 

这里我们需要注意的是：

1.sync不能和表达式一起使用如：v-bind:title.sync="doc.title + '!'"是无效的

2.sync不能用在字面量对象上： v-bind.sync="{ title: doc.title }"是无法正常工作的

3.对于一个数组或者对象来说，我们不需要使用sync，在子组件中改变这个数组和对象将会自动影响到父组件的状态。比如上图的arr数组状态。