inheritAttrs如何在Vue中使用 - 行业资讯 - 肥雀云

　　介绍

本篇文章为大家展示了inheritAttrs如何在Vue中使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

先看代码

& lt; body> 　　& lt; div id=癮pp",类=皏ueclass"比; 　　& lt; my-com title=氨晏狻?wx-attr1=拔炊ㄒ迨粜?“,wx-attr2=拔炊ㄒ迨粜?“祝辞& lt;/my-com> 　　& lt;/div> 　　& lt; script 类型=拔谋?javascript"比; 　　Vue.component (“my-com", { 　　道具:{ 　　标题:字符串, 　　}, 　　inheritAttrs:假的, 　　模板: 　　& lt; div wx-attr1=癶ello",比; 　　& lt; h2>{{标题}}& lt;/h2> 　　& lt;/div> 　　”, 　　}) 　　const App =, Vue ({new 　　埃尔:“# app" 　　数据:{ 　　　　}, 　　方法:{ 　　　　} 　　}) 　　& lt;/script> 　　& lt;/body>

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

inheritAttrs如何在Vue中使用“> 当inheritAttrs的值为真时,自定义属性可以插入到我们的组件中,并且会覆盖掉在组件中相同未定义属性名称的值,结果如下 <img src= & lt; body> 　　& lt; div id=癮pp",类=皏ueclass"比; 　　& lt; my-com title=氨晏狻?wx-attr1=拔炊ㄒ迨粜?“,wx-attr2=拔炊ㄒ迨粜?“,类=皐xClass",祝辞& lt;/my-com> 　　& lt;/div> 　　& lt; script 类型=拔谋?javascript"比; 　　Vue.component (“my-com", { 　　道具:{ 　　标题:字符串, 　　}, 　　inheritAttrs:, 　　模板: 　　& lt; div wx-attr1=癶ello",类=癲iv1",, v-bind=癮ttrs"美元;比; 　　& lt; h2>{{标题}}& lt;/h2> 　　& lt;/div> 　　”, 　　}) 　　const App =, Vue ({new 　　埃尔:“# app" 　　数据:{ 　　　　}, 　　方法:{ 　　　　} 　　}) 　　& lt;/script> 　　& lt;/body>

当模板里绑定v-bind=癮ttrs"美元时,inheritAttrs为真时,自定义属性可以插入到我们的组件中,并且会覆盖掉在组件中相同未定义属性名称的值,结果如下

inheritAttrs如何在Vue中使用“> 当模板里绑定v-bind=癮ttrs

上述内容就是inheritAttrs如何在Vue中使用,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。