vue中使用inheritAttrs实现组件的扩展性

vue中使用inheritAttrs实现组件的扩展性，看下DEMO。

<template>
  <div>
    <input v-bind="$attrs" />
  </div>
</template>
  
<script>
import { defineComponent } from 'vue'
  
export default defineComponent({
  inheritAttrs:false,//不希望根直接继承特性，而是使用$attrs自定义继承，当前组件的根就是inputCom-wrap
  setup () {
    return {}
  }
})
</script>
  
<style scoped> 
</style>

2、使用组件的时候，随便增加一些属性，如：

<inputCom type="text" class="input-a"></inputCom>
<inputCom type="password" class="input-b"></inputCom>

大家试试看下最后的渲染结果吧。