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