自定义tabs切换组件

//子组件
// 注册全局组件
import Tabs from '@/components/Tabs'
//全局组件挂载
Vue.component('Tabs', Tabs)
// 
<template>
  <div class="tabs">
    <div class="tabsName">
      <span>选择场地:</span>
      <button
        v-for="(tab, key) in tabs"
        :key="key"
        :class="{ active: key == index }"
        type="button"
        @click="index = key"
      >
        {
  { tab }}
      </button>
    </div>
    <ul>
      <div>选择时间段:</div>
      <template v-for="(item, key) in contents">
        <li
          v-if="item.orderFieldList[0].isOrder == 1"
          :key="key"
          :class="box.includes(item) ? '