inheritAttrs, $arrts 和 $listenter的学习和使用

inheritAttrs为vue2.4版本新增属性,官方文档: https://cn.vuejs.org/v2/api/#inheritAttrs

所以,inheritAttrs怎么起作用呢?如下,父组件向子组件传递三个属性msg,title,name,inheritAttrs默认值为true,msg通过props传给子组件,title和name就会回退且作为普通的HTML特性应用在子组件的根元素上

在子组件把inheritAttrs设为false以后,这些行为将被禁止,title和name不会出现

但是,通过实例属性$arrrs,可以使这些属性生效,并且通过v-bind绑定到子组件的非根元素上,事件通过$listeners传递给孙组件.$listeners官网描述为包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件,见上图子组件,如此便实现了父孙组件传值

 demo: https://gitee.com/yuexiayunsheng/dem-list/tree/master/dayDemo1