elements-plus中的el-tags

Elements Plus 是基于 Vue.js 的 Element UI 组件库的一个社区维护版本，它对 Element UI 进行了增强和扩展。`el-tags` 是 Elements Plus 中的一个标签组件，用于展示一组可以切换、排序或者删除的标签。它可以用于分类、筛选信息或者是用户自定义标记等场景。

这个组件的主要特性包括：
1. **动态内容**：可以添加和移除标签，内容可以根据数据实时更新。
2. **可点击**：每个标签都是可点击的，通常会触发某些操作，如跳转到某个页面或执行特定任务。
3. **拖拽排序**：支持用户通过鼠标拖动调整标签的顺序。
4. **可关闭**：标签通常有关闭按钮，允许用户主动移除不需要的标签。
5. **自定义样式**：允许开发者通过 CSS 样式来自定义标签的外观和布局。

在使用 `el-tags` 时，你需要包含相应的 import，并在 Vue 实例中像这样使用：

<template>
  <div>
    <el-tags v-model="tags" closable></el-tags>
  </div>
</template>

<script>
import { ElTags } from "elements-plus"; // 引入 el-tags 组件

export default {
  components: {
    ElTags,
  },
  data() {
    return {
      tags: ["JavaScript", "Vue", "React"], // 初始标签列表
    };
  },
};
</script>