Vue中v-bind=“$attrs”的使用方法

$attrs

主要用于组件之间的隔代传值。例如有 父组件A，子组件B，孙组件C 三个组件。
在A组件中传值给C，可直接在B中的C上设置v-bind="$attrs"，然后在C组件中用prop接收，此时就直接把值传给了C。

用法如下：

组件A

<template>
  <bCom msg='123'/>
</template>

组件B

<template>
  <cCom v-bind="$attrs"/>
</template>

组件C

<template>
  <div>A传递过来的值:{{msg}}</div>
</template>

<script>
export default {
  name: 'cCom',
  props: {
    msg:{ //接收A传递的msg
      typeof:String,
      default:''
    }
  },
}
</script>

组件隔代通讯其它相关用法：

Vue中v-on=“$listeners“的使用方法https://blog.csdn.net/weixin_44594219/article/details/127259825?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22127259825%22%2C%22source%22%3A%22weixin_44594219%22%7Dvue2中EventBus的使用方法https://blog.csdn.net/weixin_44594219/article/details/127248681?spm=1001.2014.3001.5502