非 Prop 的 Attribute

F12

1.当组件返回单个根节点时,非 prop attribute 将自动添加到根节点的 attribute 中

2.
通过将 inheritAttrs 选项设置为 false,你可以访问组件的 $attrs property,
该 property 包括组件 props 和 emits property 中未包含的所有属性 (例如,class、style、v-on 监听器等)。

if library is ok: {{msg}}
1 具有非prop attribute的Date-picker组件
2. 当有一个 HTML 元素将 change 事件作为 date-picker 的根元素时,这可能会有帮助。
在这种情况下,change 事件监听器从父组件传递到子组件,它将在原生 select 的 change 事件上触发。我们不需要显式地从 date-picker 发出事件
改变元素,F12控制台会有输出

3 禁用 Attribute 继承
3.1 Date-picker 组件 根目录之外的元素 使用非 prop attribute 渲染后:
<div class="date-picker">
    <input type="datetime" data-status="activated" author="Tom"/>
</div>

3.2 多个根节点上的 Attribute 继承
与单个根节点组件不同,具有多个根节点的组件不具有自动 attribute 回退行为。如果未显式绑定 $attrs,将发出运行时警告。