vue3 slot具名插槽需要使用v-slot

在vue 2.x中

<template>
    <div class="tab-bar-item" @click="btnclick">
      <div><slot name="item1"></slot></div>
      <div><slot name="item2"></slot></div>
    </div>
</template>

使用：

<tab-bar-item v-for="item in data_list">
  <div slot=item1><img :src="item.img_url"></template>
  <div slot=item2><div>{{ item.name}}</div></template>
</tab-bar-item>

在vue 3.x中
定义不变，但是在使用时：

<tab-bar-item v-for="item in data_list">
  <template v-slot:item1><img :src="item.img_url"></template>
  <template v-slot:item2><div>{{ item.name}}</div></template>
</tab-bar-item>

参考：https://wenku.baidu.com/view/387b96d2f51fb7360b4c2e3f5727a5e9856a27b5.html