vue 父子组件共用数据

在Vue中，父子组件之间共用数据有多种方式。

一种常见的方式是通过父组件通过props向子组件传递数据。父组件可以在data中定义一个变量，并将它作为props传递给子组件。子组件可以通过this.$props来获取父组件传递过来的数据，并在子组件中使用。当父组件更新该变量时，子组件也会接收到更新的数据。

另一种方式是通过事件来实现父子组件之间的通信。父组件可以通过在子组件上绑定一个自定义事件，子组件通过$emit触发事件并传递数据给父组件。父组件可以通过在子组件的标签上监听事件并定义一个回调函数来接收子组件传递过来的数据。

此外，Vue还提供了一个专门用于在组件之间共享数据的工具——Vuex。Vuex是一个状态管理模式，在Vue应用中可以集中管理共享的数据。父子组件可以通过Vuex的state属性访问和修改共享的数据，使得数据在父子组件之间实时同步。

总之，Vue提供了多种方式来实现父子组件之间的数据共享，我们可以根据具体的需求选择合适的方法。