<template>
  <div class="tag-base">
    <hive-tag v-for="tag in tags" :key="tag" :onClose="()=>close(tag)">{{ tag }}</hive-tag>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        tags: ['篮球', '足球', '网球'],
      };
    },
    methods: {
      close(closeTag) {
        this.tags = this.tags.filter((tag) => tag !== closeTag);
      },
    },
  };
</script>
