为什么我的slot标签外面包上一层div，但是却没有作用呢？

Question

<template>
  <div class="tab-bar-item">
    <div><slot name="item-icon"></slot></div>
    <div><slot name="item-icon-active"></slot></div>
    <div><slot name="item-text"></slot></div>
  </div>
</template>