Vue 标签组件实现：简单易用的标签展示

<template>
  <div class='tag'>
    {{ tagContent }}
  </div>
</template>
<script>
  export default {
    name: 'Tag',
    props: {
      tagContent: {
        type: String,
        required: true
      }
    }
  }
</script>
<style scoped>
  .tag {
    display: inline-block;
    background-color: #f5f5f5;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 14px;
    color: #333;
  }
</style>