vm.$attrs与inheritAttrs详解

1、 inheritAttrs

　　在vue官网的解释如下

　　

　　个人理解：父组件A上引入子组件B，在B子组件上加上一些属性（class、style除外），这些属性能否在子组件B的根元素上继承，默认值为true,可以继承，false表示不可以继承

　　例子

//A组件

B组件

当B组件中inheritAttrs为false时

当B组件中inheritAttrs为true时

　2、vm.$attrs

　　vue官网介绍如下

　　

　　个人理解：在父组件上引入的子组件上的属性（class、style除外）的对象集合，与inheritAttrs的值无关，也可以用于父组件到子组件甚至孙组件的数据传递

　　例子如下

　　

//父组件



<------------------------------->
//子组件



<------------------------------->
//孙组件