适用场景
很多时候,我们需要基于一些 UI 框架进行二次封装,这里以 Element UI 为例,封装一个 Input 组件类似如下:
<div>
<el-input v-model="myc"></el-input>
</div>
这时候我们想在外面使用input的的属性
//父组件
<Input placeholder="我是默认值"
:clearable="true"/>
//子组件
<div>
<el-input v-model="myc" v-bind="$attrs"></el-input>
</div>
在vue2中,需要在子组件添加一个v-bind=“$attrs”,而在vue3中则不需要,我们可以直接使用
我们可以看到,属性、class、style和id,都会被接收。
动态组件如何透传
(等等再搞)