非 Prop 的特性
一个非 prop 特性是指传向一个组件,但是该组件并没有相应 prop 定义的特性。
特性就会自动添加到根元素上
对于绝大多数特性来说,从外部提供给组件的值会替换掉组件内部设置好的值。
所以如果传入 type="text"
就会替换掉 type="date"
并把它破坏!
class
和 style
特性会稍微智能一些,即两边的值会被合并起来,
从而得到最终的值:form-control date-picker-theme-dark
。
inheritAttrs: false可以关闭这个特性!(不会影响 style 和 class 的绑定)
通过$attrs可以让非prop特性绑定到指定的元素上!(使用方法:在需要绑定的元素上v-bind="$attrs")
注意:如果该元素定义时有该属性,则$attrs所传的属性不会替换或者修改原值。即:
这里需要注意一点,通过 $attrs 指定给元素的属性,不会与该元素原有属性发生合并或替换,而是以原有属性为准
$listeners
同 $attrs
类似,可以看做是一个包含了组件上所有事件监听器(包括自定义事件、不包括.native修饰的事件)的对象。它也支持上述的写法,适用于将事件安放于组件内指定元素上。(v-on="$listeners")