vue子父组件通信通过什么

Vue子父组件通信可以通过以下方式实现：

1. Props和$emit：父组件通过Props向子组件传递数据，子组件通过$emit方法向父组件发送事件。父组件会监听子组件的事件，并通过事件参数获取子组件传递的数据。

2. $emit和$on：子组件通过$emit方法向父组件发送事件，父组件通过$on方法监听子组件的事件。子组件可以在$emit方法的第二个参数中传递数据给父组件。

3. $parent和$children：通过$parent可以获取父组件的实例，通过$children可以获取子组件的实例。父组件可以直接通过子组件的实例调用子组件的方法，子组件也可以通过父组件的实例调用父组件的方法。

4. Vuex：Vuex是Vue官方提供的状态管理工具，可以用于管理全局状态和实现组件之间的通信。它提供了一种集中式存储管理的方法，所有组件都可以共享同一个状态，并且可以在任何组件中改变该状态。

5. EventBus：EventBus是Vue的一个事件分发机制，可以创建一个全局的事件总线，用于组件之间的通信。通过$emit和$on实现组件之间的事件传递和监听。

需要根据具体的场景和需求选择合适的通信方式。如果仅涉及到几个组件之间的通信，可以使用Props和$emit或者$parent和$children；如果应用复杂，组件之间的通信较为频繁，可以考虑使用Vuex或EventBus进行状态管理和事件分发。

Vue子父组件通信可以通过以下几种方式：

1. Props和$emit方法：可以通过在父组件中使用props属性将数据传递给子组件，在子组件中使用$emit方法触发一个自定义事件，从而向父组件传递数据。

2. $refs属性：可以通过在子组件中使用$refs属性访问父组件中的数据或方法。通过在子组件中使用ref属性将子组件绑定到父组件的$refs属性上，然后通过$refs属性访问子组件中的数据或方法。

3. Vuex：Vuex是Vue的官方状态管理库，可以用于在组件之间共享数据。通过在父组件中将数据存储在Vuex的state中，然后在子组件中通过计算属性或使用mapState方法将数据映射到子组件中。

4. 事件总线：可以使用Vue的实例作为事件总线，在父组件中通过$on方法监听一个自定义事件，在子组件中通过$emit方法触发该事件，从而实现子父组件之间的通信。

5. provide和inject：可以通过在父组件中使用provide提供数据，然后在子组件中使用inject注入该数据。通过这种方式，父组件可以向子组件传递数据，子组件可以直接访问到父组件提供的数据。

以上是常用的一些子父组件通信方式，根据具体的需求和场景选择合适的方法进行通信。

Vue子父组件通信可以通过props和$emit来实现。

1. 使用props实现父组件向子组件通信：
   父组件可以通过在子组件上使用props属性来传递数据。以下是实现方法：

（1）在子组件中定义props:

Vue.component('child-component', {
  props: ['message'],
  template: '<p>{{ message }}</p>'
})

（2）在父组件中使用子组件，并通过props属性传递数据：

<child-component :message="parentMessage"></child-component>

2. 使用$emit实现子组件向父组件通信：
   子组件可以通过$emit方法触发一个事件，并传递数据给父组件。以下是实现方法：

（1）在子组件中使用$emit触发事件：

Vue.component('child-component', {
  template: '<button @click="sendMessage">Send Message</button>',
  methods: {
    sendMessage: function() {
      this.$emit('message', 'Hello from child component')
    }
  }
})

（2）在父组件中给子组件绑定事件处理器：

<child-component @message="handleMessage"></child-component>

（3）在父组件中定义事件处理器方法：

methods: {
  handleMessage: function(message) {
    console.log(message)
  }
}

3. 使用$parent和$children实现父组件和子组件通信：
   除了上述方法之外，Vue还提供了$parent和$children属性，可以方便地访问父组件和子组件的实例。但是这种方法不推荐使用，因为它破坏了组件的封装性和可复用性。

总结：
通过props和$emit，父组件和子组件可以方便地进行通信。props用于父组件向子组件传递数据，$emit用于子组件向父组件发送消息。这种方式使得组件之间的通信更加清晰和可维护。