vm.$props, vm.$attrs, vm.$listeners 的理解

vm.$props
当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问
ps:props 里声明了继承下来的内容

vm.$attrs
包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用
ps:只包括没 props 的内容

vm.$listeners
包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用
ps:绑定的方法(v-on: @) html中大写无效, 模板中大小写[-]全部保留

 

参考资料[https://cn.vuejs.org/]

 

 

 

 

 

 

end