vue3利用透传属性封装组件

1、要实现的效果，组件要兼顾有无名称的情况

 

2、透传属性：

透传属性指的是传递给一个组件却没有被该组件声明为props或者emit的属性或者事件监听器，常见的例子是class，style，id。

1）HTML:

       <div class="row" :class="[alignItem, noTitle ? 'no-title' : '']" v-for="(item, index) in showLabel" :key="item.key">
            <p class="subtitle" v-if="noTitle">
                <span>{
  { item?.label }}</span>
                <span :style="item.style ? showItem[item.style] : ''">{
  { showItem[item?.prop] }}</span>
            </p>
            <div v-else>