在本文中，我们将探讨一些最常见的vuejs组件。你可以收集一波。VueTables-2地址：https://github.com/matfish2/vue-tables-2。VueTables2旨在为开发人员提供功能齐全的工具集，以使用Vue创建美观实用的数据表。数百个商业软件应用程序正在使用它。此外，VueTables2还在不断发展、改进和获得新功能。具有可选的排和粘头。虚拟分页。下载客户组件数据的CSV。具有数据层支持的多级分组。顺风主题。handsontable地址：https://github.com/handsontable/handsontable/tree/master/wrappers/vue。handsontable是一个页面端表格交互插件，可以用来加载和显示表格内容，可以支持合并项、统计、行列拖拽等，同时支持加载的处理表格页：增加/删除行/列、合并单元格等操作。此外，它还适用于React、Angular和Vue。Handsontable是一个JavaScript组件，它结合了数据网格的功能和电子表格的用户体验。此外，它还提供数据绑定、数据验证、过滤、排序和CRUD操作。具有多列排序功能。非顺序选择过滤数据并验证数据。导出文件。条件格式。合并单元格。隐藏行/列。上下文菜单和注释。AgGridVue地址：https://github.com/ag-grid/ag-grid。Ag-Grid是一个基于Vue.js的数据表格组件。其中“ag”的意思是“不可知论者”。内部ag-Grid引擎是在零依赖的TypeScript中实现的。ag-Grid通过包装器组件支持Vue，您可以像使用任何其他Vue组件一样在应用程序中使用ag-Grid。它支持通过属性绑定传递配置和通过事件绑定处理事件。您甚至可以使用Vue组件来自定义网格UI和单元格内容/行为。VueEasytable地址：https://github.com/huangshuwei/vue-easytable。vue-easytable是我遇到过的最强大的Vue表格组件之一。表格组件具有许多内置功能，例如单元格省略号、固定/灵活的列大小调整、自定义筛选等。国际化特色。主题定制。内置主题。虚拟卷。列固定。标题是固定的。标题分组。VueGoodTable地址：https://github.com/xaksis/vue-good-table。Vue-Good-Table是一个基于Vue.js的数据表格组件，简洁干净，排序、列过滤、分页等基础功能比较多。它有几个特点：表格搜索和排序。列过滤和分页。复选框形式。行分组。线条风格。选择多行。VueToastification地址：https://github.com/Maronato/vue-toastification。它提供了轻巧、简单、美观的吐司提示。它具有内置的Nuxt支持。并且支持新的CompositionAPI和Vue3，我们也可以使用SX开发自定义组件，提供更灵活的功能。此外，通用注册允许它在任何应用程序中使用，甚至是React。它有几个特点：它完全用Typescript编写并支持所有类型。支持RTL。自定义一切。滑动关闭。使用onClose、onClick和onMounted挂钩创建自定义体验。以编程方式删除和更新toast。VueToasted地址：https://github.com/shakee93/vue-toasted。VueToasted是Vue最好的吐司（提示）插件之一。它受到许多组织的信任，如Vue、Laravel、NuxtJS等。它具有高响应性、兼容性、易用性、吸引力、丰富的功能、图标、动作等。Vue通知地址：https://github.com/se-panfilov/vue-通知。VueNotifications是一个独立于库的通知组件，非阻塞。VueNotiments将您的应用程序与通知UI库连接起来。支持miniToastr、VueToasted、VueEasyToast、toastr、iziToast、Noty、swal。VueAwesomeNotifications地址：https://f3oall.github.io/awesome-notifications/。AwesomeNotifications是一个轻量级的、完全可定制的JavaScriptVueAwesomeNotifications，AwesomeNotifications库的Vue.js版本。Vue等待地址：https://github.com/f/vue-wait。VueWait这是一个用于VUE、Vuex和Nuxt应用程序的复杂加载器和进度管理组件。VueWait帮助管理页面上的多个加载状态，而状态之间没有任何冲突。基于一个非常简单的想法：通过管理一个数组（或者Vuexstore），有多个加载状态，让内置的加载器组件监听注册的加载器，并立即进入加载状态。VueContentLoader地址：https://github.com/egoist/vue-content-loader。VueContentLoader是一个基于Vue.js的SVG占位符加载，一个可自定义的SVG组件，用于创建占位符加载，例如Facebook加载卡片。VueContentLoader是react-content-loader的Vue实现。完全可定制：您可以更改颜色、速度和大小。创建您自己的装载：使用在线工具轻松创建您的自定义装载。您现在就可以使用它：已经有很多预设。PerformanceEpicSpinners地址：https://epic-spinners.epicmax.co/。EpicSpinners是一套纯css打造的简单易用的网页加载效果，同时集成了Vue组件，方便在Vue项目中使用。由于是纯css构建，你可以自己在任何web项目中集成使用！VueRadialProgress地址：https://github.com/wyzant-dev/vue-radial-progress。VueRadialProgress这是一个带有径向进度条效果的loader组件。它使用svg和javascript绘制了一个带有渐变径向进度条效果的加载器，可以作为加载和进度提示。ICONSVueFeather图标地址：https://github.com/egoist/vue-feather-icons。Feather是一个面向设计人员和开发人员的开源图标库。是一个简洁美观的开源图标库。每个图标都设计在24×24的网格上，强调简单性、一致性和易读性。这个免费的商业图标内置于许多主要制造商生产的前端??框架中。特点每个图标均按照统一标准设计，像素对齐完美。设计风格一致，比那些拼凑而成的图标库要好。支持多种开发场景，对开发者非常友好。VueAwesome地址：https://github.com/Justineo/vue-awesome。FontAwesome是一套流行的图标字体库。我们在实际开发过程中经常会遇到需要使用图标的场景。对于一些常用的图标，我们可以直接在FontAwesome中找到并使用，无需设计师。个人感觉FontAwesome的图标还是很完整的。它包含大部分图标并支持各种框架。VueMaterialDesignIcons地址：https://github.com/robcresswell/vue-material-design-icons。作为单个文件组件的SVGMaterialDesign图标集合。此外，该库是用于呈现MaterialDesign图标的Vue单文件组件的集合。此外，它还包含一些CSS，有助于更轻松地缩放图标。ChartsVueApexcharts地址：https://github.com/apexcharts/vue-apexcharts。Apexcharts是一个现代JavaScript图表库/通过简单的API构建交互式图表和可视化。VueApexcharts是ApexCharts的Vue.js组件。VueEcharts地址：https://github.com/Justineo/vue-echarts。Vue-echarts是一个基于echarts封装的组件库。按照正常的组件引用方式直接安装引用即可。具体安装和参考，读者可以直接阅读vue-echarts技术文档。VueChartjs地址：https://github.com/apertureless/vue-chartjs。vue-chartjs是对Chart.js的Vue包，可以让用户在Vue中轻松使用Chart.js，非常容易地创建可重用的图表组件，非常适合需要简单图表并尽可能快速运行的人。vue-chartjs抽象了基本逻辑，同时也暴露了Chart.js对象，让用户获得最大的灵活性。V-Charts地址：https://github.com/ElemeFE/v-charts。V-Charts是基于Vue2.0和Echarts封装的图标组件。只需要提供统一的对前后端友好的数据格式，设置简单的配置项，即可生成通用的图表。TimeVueTimerHook地址：https://github.com/riderx/vue-timer-hook。受react-timer-hook启发的Vue3定时器模块。此外，它是一个自定义挂钩，用于处理vue3组件中的计时器、秒表和时间逻辑/状态。VueHorizo??ntalTimeline：地址：https://github.com/guastallaigor/vue-horizo??ntal-timelineVueHorizo??ntalTimeline是一个使用Vue.js制作的简单水平时间轴组件。作者：lindelof译者：前端小智来源：medium原文：https://medium.com/js-dojo/20-usefulue-js-components-2022-3bf9fbe5b556。
