vue父子组件通讯用什么方式

Vue父子组件间通信有多种方式，常见的有以下几种：

1. Props(属性)
   父组件可以通过Props将数据传递给子组件。在父组件中使用v-bind指令绑定属性，然后在子组件中使用props属性接收。父组件的数据更新时，子组件会自动更新。

2. $emit和$on
   父组件通过emit方法触发一个自定义事件，然后在子组件中使用v-on指令侦听这个事件，并执行相应的操作。可以通过$emit的第二个参数来传递数据。

3. $refs
   可以通过$refs获取子组件的引用，然后直接访问子组件的数据和方法。但是这种方式会引入耦合，不推荐在父子组件之间频繁使用。

4. Vuex
   Vuex是一个Vue.js的状态管理库，可以在多个组件中共享状态。通过在store中定义状态、mutations和actions，可以实现父子组件之间的通信。

5. provide和inject
   这是一种高级的父子组件通信方式。父组件可以通过provide提供数据，然后在子组件中使用inject注入这些数据。这种方式可以在父子层级比较深的组件间进行通信。

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

在Vue中，父子组件之间通信可以使用以下几种方式：

1. Props：通过props属性，父组件可以向子组件传递数据。子组件可以通过props接收父组件传递的数据，并在其模板中使用。这是最常用和最简单的一种父子组件数据传递方式。

2. 事件：子组件可以通过自定义事件来与父组件通信。子组件可以使用$emit方法触发一个事件，父组件可以在子组件上监听该事件，并在对应的方法中处理数据。

3. $children和$parent：Vue提供了$children和$parent属性，可以直接访问子组件或父组件的实例。通过这个属性，可以直接在父组件中访问子组件的属性和方法，或者在子组件中访问父组件的属性和方法。

4. $refs：通过在父组件中通过ref给子组件起一个名字，在父组件中可以通过this.$refs来访问到子组件的实例。通过子组件实例，可以直接访问子组件的属性和方法。

5. Vuex：如果父子组件之间的数据通信较为复杂，或者需要多个组件之间通信，可以使用Vuex进行状态管理。Vuex是Vue官方推荐的数据管理方案，通过在全局状态中存储数据，并通过mutations和actions来改变和操作数据，实现父子组件之间的通信。

在Vue中，父子组件通信有多种方式可供选择。

一、Props和$emit
props是用于父组件向子组件传递数据的方式，子组件通过props接收父组件传递的数据。在父组件中使用v-bind指令绑定数据到子组件的props属性上，子组件通过props选项接收数据。

在子组件中，通过$emit方法发送一个事件，父组件通过在子组件上使用v-on指令监听该事件，并在事件处理函数中修改父组件的数据。

二、$parent和$children
$parent和$children属性可以让子组件直接访问父组件和子组件的实例。通过$parent可以访问到父组件的数据和方法，通过$children可以访问到所有子组件的实例。但是注意，这种方式是比较底层的，一般不推荐使用。

三、$refs
通过在父组件中给子组件添加ref属性，可以在父组件中通过this.$refs访问到子组件的实例。通过子组件的实例可以直接访问子组件的属性和方法。

四、自定义事件
父组件可以通过使用$on方法来监听一个自定义事件，而子组件可以使用$emit方法来触发这个自定义事件。这种方式更加灵活，可以实现父子组件之间的双向通信。

五、Vuex
Vuex是一个专为Vue.js应用程序开发的状态管理模式。在Vuex中，通过将所有组件的共享状态抽取出来，实现数据的共享和管理，从而方便组件之间的通信。

以上是常用的几种父子组件通信方式，根据具体的场景选择适合的方式来进行父子组件通信。