如果你不希望组件的根元素继承 attribute,你可以在组件的选项中设置 inheritAttrs: false。
例如:
Vue.component('my-component', {
inheritAttrs: false,
// ...
})
使用inheritAttrs: false;和$attrs 就可以决定哪些元素会被绑定
当inheritAttrs: false,$attrs没绑定的时候 :
组件的自定义的属性将不会被显示;
模板里的自定义属性正常显示;
class和style不会被影响;
当inheritAttrs:false, $attrs绑定的时候:
组件的自定义的属性将被显示;
模板里的独立自定义属性正常显示;
模板和组件里相同自定义名称的属性不会被覆盖;
class和style不会被影响;
当inheritAttrs:true, $attrs没绑定的时候:
组件的自定义的属性将被显示;
模板里的独立自定义属性正常显示;
模板和组件里相同自定义名称的属性会被覆盖(模板覆盖组件自定义属性);
class和style不会被影响;
当inheritAttrs:true, $attrs绑定的时候:
组件的自定义的属性将被显示;
模板里的独立自定义属性正常显示;
模板和组件里相同自定义名称的属性会被覆盖(模板覆盖组件自定义属性);
class和style不会被影响;