Vue中inheritAttrs的使用实例详解

今天举⼀个例⼦解释⼀下inheritAttrs的使⽤先看代码

当inheritAttrs的值为false时，⾃定义属性是插⼊不到我们的组件中的，结果如下

当inheritAttrs的值为true时，⾃定义属性可以插⼊到我们的组件中，并且会覆盖掉在组件中相同未定义属性名称的值，结果如下

但在组件中定义的class属性和style属性，使⽤inheritAttrs属性并不能阻碍class属性和style属性传到模板中，如果模板中也存在class属性和style属性，这样属性会叠加到⼀起结果如下

还有⼀种情况，先看代码

当模板⾥绑定v-bind=\"$attrs\"时，inheritAttrs为true时，⾃定义属性可以插⼊到我们的组件中，并且会覆盖掉在组件中相同未定义属性名称的值，结果如下

当模板⾥绑定v-bind=\"$attrs\"时，inheritAttrs为false时，⾃定义属性可以插⼊到我们的组件中，但不会覆盖掉在组件中相同未定义属性名称的值，结果如下

当模板⾥绑定v-bind=\"$attrs\"时，并不会影响class属性与style属性，组件⾥的值依然会叠加到模板⾥

到此这篇关于Vue中inheritAttrs的使⽤的⽂章就介绍到这了,更多相关Vue inheritAttrs使⽤内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！