vue中的组件通信方式

父子通信

1. props emit

2. $parent、ref

3. $attrs

兄弟通信

1. $parent、$root (类似将父组件作为一个中转站)

2. vuex

3. eventbus（在vue3中已废除）

4. $attrs

跨层级通信

1. provide inject

2. vuex

3. eventbus

$attrs:包含了父作用域中不作为prop被识别（且获取）的特性绑定(class 和style 除外).当一个组件没有声明任何prop时，这里会包含所有父作用域的绑定(class 和 style 除外),并且可以通过v-bind = "$attrs" 传入内部组件——在创建高级别的组件时非常有用