vueでのスロットの使用

親コンポーネント:(親コンポーネントはNewsListItemを参照します）

<NewsListItem :data="item" class="item-content">
  <div slot="btns">
    <span class="iconfont iconlingdang"
        :style="{color:[ 'rgb(204, 59, 59)', 'rgb(255, 110, 22)',  'rgb(255, 155, 0)', 
       'rgb(28, 167, 255)',][item.alarmLevel]}">
    </span>
  </div>
</NewsListItem>

サブコンポーネント（NewsListItem）：

 <div class="slots">
    <slot name="btns"></slot>
 </div>

（親コンポーネントのコードの一部は、子コンポーネントの場所を占めます）