自定义组件多了一层component标签？

如图自定义组件多了一层component标签，导致父级使用时设置的class无法生效

//父级代码  
<child-components class="abc"  />

实际中class=abc 无法作用到子组件的根元素

// 实际子组件渲染结果 ，多了一层component    
<component  class="abc">  
  <div class="child-parent">  

   </div>  
</component>

如何在外部设置class 并且作用到子组件根部 ?

// 想要的子组件渲染结果  
<div class="abc child-parent">  

</div>