inheritAttrs如何在Vue中使用-创新互联
本篇文章为大家展示了inheritAttrs如何在Vue中使用，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
创新互联于2013年创立，先为长丰等服务建站，长丰等地企业，进行企业商务咨询服务。为长丰企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
先看代码
Vue.component("my-com",{
props:{
title:String,
},
inheritAttrs:false,
template:`
{{title}}
`,
})
const App = new Vue({
el:"#app",
data:{
},
methods:{
}
})
当inheritAttrs的值为false时，自定义属性是插入不到我们的组件中的，结果如下
当inheritAttrs的值为true时，自定义属性可以插入到我们的组件中，并且会覆盖掉在组件中相同未定义属性名称的值，结果如下
但在组件中定义的class属性和style属性，使用inheritAttrs属性并不能阻碍class属性和style属性传到模板中，如果模板中也存在class属性和style属性，这样属性会叠加到一起
结果如下
还有一种情况，先看代码
在线咨询
在线咨询
