Как использовать v-bind="$attrs" в Vue

$attrs

В основном он используется для передачи значений между поколениями между компонентами. Например, существует три компонента: родительский компонент A, дочерний компонент B и дочерний компонент C.
Чтобы передать значение C в компоненте A, вы можете напрямую установить v-bind="$attrs" для C в B, а затем использовать prop для получения его в компоненте C, а затем напрямую передать значение C.

Использование следующее:

Компонент А

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

Компонент Б

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

Компонент С

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

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

Другие связанные варианты использования связи при генерации компонентов:

Как использовать v-on="$listeners" в Vue 22%3A%22article%22%2C%22rId%22%3A%22127259825%22%2C%22source%22%3A%22weixin_44594219%22%7D Как использовать EventBus в vue2 https://blog.csdn.net/weixin_44594219/article/details/127248681?spm=1001.2014.3001.5502