1、 说明

将父组件的属性（除去在props中传入的属性）传递给子组件。

2、代码分析

以下是element-ui input源码

el-input的props源码：

props: {      value: [String, Number],      size: String,      resize: String,      form: String,      disabled: Boolean,      readonly: Boolean,      type: {        type: String,        default: 'text'      },      autosize: {        type: [Boolean, Object],        default: false      },      autocomplete: {        type: String,        default: 'off'      },      /** @Deprecated in next major version */      autoComplete: {        type: String,        validator(val) {          process.env.NODE_ENV !== 'production' &&            console.warn('[Element Warn][Input]\'auto-complete\' property will be deprecated in next major version. please use \'autocomplete\' instead.');          return true;        }      },      validateEvent: {        type: Boolean,        default: true      },      suffixIcon: String,      prefixIcon: String,      label: String,      clearable: {        type: Boolean,        default: false      },      tabindex: String    },

以下是el-input小例子：

<el-input>组件添加了2个原生属性，注意这2个原生属性并没有在prop里面，这2个属性是控制input的最大输入和最小输入长度的，那么这2个属性现在仅仅放在了父元素<el-input>上，如何将其传递给素<el-input>内的原生input子元素呢？不传递则这2个属性不起作用，因为子input上没有这2个属性。答案就是通过v-bind="$attrs"来实现，它将父元素所有非prop的特性都绑定在了子元素input上，否则还得在props里声明maxlength,minlength,代码量增大。

这就是$attrs的使用。