Vue中怎么在一个页面中使用两个相同的组件并保持组件的状态相同？

Question

我在一个Vue页面中用了两个相同的vue组件，通过data中的值去控制组件的状态，而且我想要两个组件的状态保持同步。问题是现在data的数据如果不使用函数的写法会报错，但是如果用函数的写法，两个组件就不能保持同步。求解决办法

Answer 1

数据修改在父组件进行（子组件通过emit弹射事件通知父组件修改数据，父组件v-on监听事件来修改数据），再通过props绑定同步到两个组件。