Vue | 透传 Attributes（非 prop 的 attribute ）
文章目录
- 引言
- I Attribute 继承
- II 禁用 attribute 继承
-
- 禁用 attribute 继承的常见场景
- 通过将 inheritAttrs 选项设置为 false
- 从 3.3 开始可在 `<script setup>` 中使用defineOptions
- 例子
引言
- “透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者
v-on事件监听器。最常见的例子就是class、style和id。
一个非 prop 的 attribute 是指: Attribute传向一个组件，但是该组件并没有相应 props 或 emits 定义的 attribute。
常见的示例包括 class、style 和 id attribute。
- 可以通过
$attrsproperty 访问这些attribute。
I Attribute 继承
当组件返回单个根节点时，非 prop 的 attribute 将自动添加到根节点的 attribute 中。
这些透传进来的 attribute 可以在模板的表达式中直