vue中的slot用法

父组件：（父组件引用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>

(父组件的部分代码 然后在子组件中占位)