组件通信的方式

1.props

子组件接收父组件的数据，注意：子组件接收到数据之后，不能直接修改父组件的数据，否则会报错，因为当父组件重新渲染时，数据会被覆盖。

2.$emit（v-on）

子组件传数据给父组件，子组件通过派发事件的方式给父组件传数据，或者触发父组件更新等操作。（this.$emit（“xxx”，数据）

3.sync

父组件向子组件传递数据的双向绑定，所以子组件接收到数据之后可以直接修改，并且会同时修改父组件的数据。

4.ref

在子组件上使用，引用的指向就是子组件实例，父组件可以通过ref主动获取子组件的属性或者调用子组件的方法。

5.$children/$parent

前者：获取到一个包含所有子组件（不含孙子）的vuecomponent对象数组，可以直接拿到子组件所有的数据方法

后者：获取到一个父结点的vuecomponent对象，同样包含父结点的所有数据方法。

6.$attrs/$listeners

前者：包含父作用域里除class外的非props属性集合。通过this.attrs获取父作用域中所有符合条件的属性集合，然后还要继续传给子组件内部的其他组件，就可以通过v-bind＝“attrs”

后者：包含父作用域里.native除外的监听事件集合，如果还要继续传给子组件内部的其他组件，就可以通过v-on＝“$listener”使用的方式是想同的

7.eventbus任意组件通信都可以使用，需要引入bus.js文件

8.vuex：是状态管理器，集中式存储管理所有组件的状态

9.$root，访问根组件中的属性或方法

10.slot，把子组件中的数据通过插槽的方式传给父组件使用然后插回来