vue中组件非prop接收数据时的特性自定义绑定

非 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"）