[Vue学习] 禁用 Attribute 继承

112 阅读1分钟

禁用 Attribute 继承

$attrs就是父组件传给子组件,但是没写在props中的属性。 代码:

image.png 结果: image.png 除了style和class,没在子组件的props中声明过而父组件传给了子组件的属性存在子组件的$attrs中。渲染出来的结点如下: image.png

可以看出,子组件自动继承了$attrs属性,如果我们不希望组件的根元素继承attribute,可以使用inheritAttrs: false。代码如下:

image.png 这里我们希望p结点可以继承attribute,但子组件的根节点不继承。渲染结果如下:

image.png