透传 Attributes

“透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id

当一个组件以单个元素为根作渲染时，透传的 attribute 会自动被添加到根元素上

xxxxxxxxxx
<template>
    <h3>ComponentA</h3>
    <ComponentB class="component-b" />
</template>
<script>
import ComponentB from "./ComponentB.vue"
export default {
    components: {
        ComponentB
    }
}
</script>

xxxxxxxxxx
<template>
    <h3>ComponentB</h3>
</template>
<style>
.component-b{
    color: red;
}
</style>

禁用 Attributes 继承

xxxxxxxxxx
<template>
    <h3>ComponentB</h3>
</template>
<script>
export default {
    inheritAttrs:false
}
</script>
<style>
.component-b{
    color: red;
}
</style>