跨组件通信

1.$attrs

　　A.使用场景（爷孙子组件通信）

　　B.实现原理

　　　　a.$attrs作用：父子通信是父组件通过v-bind绑定一个数据传递给子组件，子组件通过props接收达到组件通信的目的。但是如果子组件不通过props接收的话，值会放在哪里呢？答案是存放在子组件自带的对象$attrs上面，因此可以理解为$attrs就是一个容器对象，这个容器对象会存放:父组件传过来的且子组件未使用props声明接收的数据。

　　　　图片示例：

　　　　b.爷孙组件通信原理：通过爷组件首先传递给父组件，当然父组件不在props中接收，那么爷组件传递给父组件的数据就会存放到父组件的$attrs对象中里面了，然后，再通过v-bind="$attrs"，再把这个$attr传递给孙组件，在孙组件中使用props就能接收到$attrs中的数据了，这样就实现了，祖孙之间的数据传递。祖孙之间的数据传递，需要通过中间的父组件$attrs做一个桥梁。其实就是这个意思。

　　C.使用方法