Vueでのattributeのマージと置換

565 ワード

コンポーネントにattributeが定義されている場合は、次のようにします.


この「サブコンポーネント」を参照した「親ページ」で同じattributeが定義されている場合、次のようになります.

すると、「親ページ」から渡されるcolor=「blue」は、サブコンポーネントのcolor=「red」に置き換えられます.しかしclassとstyleは例外であり、上記の例ではattributeをclassに置き換えると、最終componentのclassの値は「red blue」(マージが発生した)である.
サブコンポーネントのattributeが親ページに影響されないようにします.
Vue.component('my-component',{
	inheritAttrs: false,
	//...
});