大家好,我是CUGGZ。

今天来引荐几个有用的 Vue 库!

2022 年值得引荐的 Vue 库!

1. 状况办理

(1)Pinia

Pinia 是最新一代的 Vue 轻量级状况办理库。它适用于 Vue 2.x 和 Vue 3.x。它是 Vue 官方成员在2019年11月从头规划的一个状况存储库,它答应你跨组件/页面共享状况,而且是呼应式的,类似于 Vuex。

2022 年值得引荐的 Vue 库!

Github:github.com/vuejs/pinia

(2)Vuex

Vuex 是一个专为 Vue.js 运用程序开发的状况办理模式。它采用集中式存储办理运用的所有组件的状况,并以相应的规矩确保状况以一种可猜测的方法发生变化。

2022 年值得引荐的 Vue 库!

Github:github.com/vuejs/vuex

(3)vuex-persist

vuex-persistedstate 是一个支撑 Typescript 的Vuex插件,使你能够将运用程序的状况保存到持久存储中,例如 Cookies 或 localStorage。

2022 年值得引荐的 Vue 库!

Github:github.com/championswi…

2. 表单

(1)VeeValidate

vee-validate 是Vue.js的表单验证库,它答应验证输入并以了解的声明式款式或运用组合函数构建更好的表单 UI。

2022 年值得引荐的 Vue 库!

Github:github.com/logaretm/ve…

(2)vue-form-making

vue-form-making 是一个根据 vue 和 element-ui 完结的可视化表单规划器,运用了最新的前端技术栈,内置了 i18n 国际化解决方案,能够让表单开发简略而高效。

2022 年值得引荐的 Vue 库!

Github:github.com/GavinZhuLei…

(3)FormKit

FormKit 是一个面向 Vue 开发人员的表单创造结构,它使构建高质量的出产就绪表单的速度提高了 10 倍。

2022 年值得引荐的 Vue 库!

Github:github.com/formkit/for…

3. 文档

(1)VitePress

VitePress 是 VuePress 的继承者,建立在vite 之上。现在,正处于alpha阶段。它现已合适开箱即用的文档运用,但装备和主题 API 可能仍会在非必须版别之间发生变化。

2022 年值得引荐的 Vue 库!

Github:github.com/vuejs/vitep…

(2)VuePress

VuePress 是一个根据 Vue 的轻量级静态网站生成器,以及为编写技术文档而优化的默许主题。 它是为了满意 Vue 自己的子项目文档的需求而创立的。

2022 年值得引荐的 Vue 库!

Github:github.com/vuepress/vu…

(3)Gridsome

Gridsome 是一个根据 Vue.js 构建的 Jamstack 结构,它让开发人员能够轻松地构建静态生成的网站和运用程序,这些网站和运用程序天生速度快。

2022 年值得引荐的 Vue 库!

Github:github.com/gridsome/gr…

4. 测验

(1)Vitest

Vitest 是一个由 Vite 供给支撑的极速单元测验结构。其和 Vite 的装备、转换器、解析器和插件保持一致,具有开箱即用的 TypeScript / JSX 支撑。

2022 年值得引荐的 Vue 库!

Github:github.com/vitest-dev/…

(2)Jest

Jest 是一个全面的 JavaScript 测验解决方案,专心于简练明快。适用于大多数 JavaScript 项目。

2022 年值得引荐的 Vue 库!

Github:github.com/facebook/je…

(3)Mocha

mocha是一个功用丰富的javascript测验结构,运转在node.js和浏览器中,使异步测验变得简略风趣。Mocha测验连续运转,答应灵活和精确的陈述,一起将未捕获的异常映射到正确的测验用例。

2022 年值得引荐的 Vue 库!

Github:github.com/mochajs/moc…

5. 可视化

(1)Vue ChartJS

vue-chartjs 是一个 Vue 关于 Chart.js 的封装,让用户能够在Vue中轻松运用Chart.js,很简略的创立可复用的图表组件,非常合适需要简略的图表并尽可能快地运转的人。 vue-chartjs笼统了根本逻辑,一起也暴露了Chart.js对象,让用户取得最大的灵活性。它支撑 Vue 3 和 Vue 2。

2022 年值得引荐的 Vue 库!

Github:github.com/apertureles…

(2)Apache ECharts

Apache ECharts 是一款根据Javascript的数据可视化图表库,供给直观,生动,可交互,可个性化定制的数据可视化图表。它是用纯 JavaScript 编写的,根据zrender,是一个全新的轻量级画布库。!

GitHub:github.com/apache/echa…

(3)Vue-ECharts

Vue-ECharts 是 Apache ECharts 的 Vue.js 组件。运用 Apache ECharts 5,一起支撑 Vue.js 2/3。

2022 年值得引荐的 Vue 库!

Github:github.com/ecomfe/vue-…

(4)Trois

Trois 是一个根据 Three.JS 的 Vue 3 可视化库,它是一个流行的 WebGL 库。 Three.JS 对桌面和移动设备都有很好的支撑。 该库答应我们运用 VueJS 组件轻松为网站创立 3D 作用。

2022 年值得引荐的 Vue 库!

Github:github.com/troisjs/tro…

6. 组件

(1)Vue Grid Layout

vue-grid-layout 是一个网格布局系统,类似于 Gridster,用于 Vue.js。

2022 年值得引荐的 Vue 库!

Github:github.com/jbaysolutio…

(2)Vue Draggable

Vue Draggable 是一个根据 Sortable.js 的 Vue 拖拽组件。

2022 年值得引荐的 Vue 库!

Github:github.com/SortableJS/…

(3)Vue Tour

Vue Tour 是一个轻量级、简略且可定制的导览插件,可与 Vue.js 一起运用。它供给了一种快速简便的方法来指导用户完结你的运用程序。

2022 年值得引荐的 Vue 库!

Github:github.com/pulsardev/v…

(4)Swiper.js

Swiper 是一款免费以及轻量级的移动设备触控滑块的结构,运用硬件加速过渡。首要运用与移动端的网站、网页运用程序,以及原生的运用程序。

2022 年值得引荐的 Vue 库!

Github:github.com/nolimits4we…

(5)vue-easytable

该库供给了一个功用齐全且高度可定制的表格组件/数据网格。它支撑许多功用,如虚拟翻滚、列固定、标题固定、标题分组、过滤器、排序、单元格省略号、行扩展、行复选框等。

2022 年值得引荐的 Vue 库!

Github:github.com/Happy-Codin…

7. UI 组件

(1)Element Plus

Element Plus,由饿了么大前端团队开源出品的一套为开发者、规划师和产品司理准备的根据 Vue 3.0 的组件库,Element Plus 是根据 Vue3 面向规划师和开发者的组件库,供给了配套规划资源,协助你的网站快速成型。

2022 年值得引荐的 Vue 库!

GitHub:github.com/ElemeFE/ele…

(2)Vuetify

Vuetify 是一个根据 Vue.js 精心打造 UI 组件库,整套 UI 规划为 Material 风格。能够让没有任何规划技术的开发者创造出时尚的 Material 风格界面。

2022 年值得引荐的 Vue 库!

GitHub:github.com/vuetifyjs/v…

(3)Vant

Vant 是一套轻量、牢靠的移动端组件库。经过 Vant,能够快速搭建出风格一致的页面,提高开发功率,支撑 Vue 3。

2022 年值得引荐的 Vue 库!

Github:github.com/youzan/vant

(4)Naive UI

Naive UI 是一款根据当时比较新的 Vue 3.0/TypeScript 技栈开发的前端 UI 组件库。

2022 年值得引荐的 Vue 库!

Github:github.com/TuSimple/na…

8. 动画

(1)Animate.css

animate.css 是一个运用CSS3的animation制造的动画作用的CSS集合,里边预设了很多种常用的动画,且运用非常简略。

2022 年值得引荐的 Vue 库!

GitHub:github.com/animate-css…

(2)Greensock

GreenSock是一个JavaScript动画库,可轻松对HTML元素进行动画处理。 用于创立高性能,零依赖性,跨浏览器动画,宣称在超越 400 万个网站中运用。

2022 年值得引荐的 Vue 库!

Github:github.com/greensock/G…

(3)Popmotion

Popmotion 是一个只要12KB的 JavaScript 运动引擎,能够用来完结动画,物理作用和输入盯梢。原生的DOM支撑:CSS,SVG,SVG路径和DOM特点的支撑,开箱即用。

2022 年值得引荐的 Vue 库!

Github:github.com/Popmotion/p…

(4)Vue Kinesis

Vue Kinesis 支撑运用 Vue.js 轻松创立复杂的交互式动画,其支撑 Vue 3。

2022 年值得引荐的 Vue 库!

Github:github.com/Aminerman/v…

9. 图标

(1)IconPark

IconPark 供给超越 2400 个高质量图标,还供给了每个图标的含义和来源的描绘,便于开发者运用。除此之外,该网站还能够自定义图标,这是与其他图标网站异乎寻常的地方。该图标库是字节跳动旗下的技术驱动图标款式的开源图标库。

2022 年值得引荐的 Vue 库!

Github:github.com/bytedance/i…

(2)Font Awesome

Font Awesome 供给了可缩放的矢量图标,能够运用CSS所供给的所有特性对它们进行更改,包括:巨细、色彩、暗影或许其它任何支撑的作用。

2022 年值得引荐的 Vue 库!

Github:github.com/FortAwesome…

(3)Ionicons

Ionicons 是一个彻底开源的图标集,是知名混合开发结构 Ionic Framework 内置的图标库,包含 1300 个规划优雅、风格一致的高质量图标,能满意大多数的事务场景。

2022 年值得引荐的 Vue 库!

Github:github.com/ionic-team/…

(4)Bootstrap Icons

Bootstrap Icons 是 Bootstrap 开源的 SVG 图标库,此图标库起初专门针对其组件(从表单控件到导航)和文档进行定制规划和构建,现在能够免费用于任何项目。

2022 年值得引荐的 Vue 库!

Github:github.com/twbs/icons

10. 富文本编辑器

(1)Tiptap

Tiptap 是一个根据 Vue 的无烘托的富文本编辑器,它根据 Prosemirror,彻底可扩展且无烘托。能够轻松地将自定义节点添加为Vue组件。运用无烘托组件(函数式组件),简直彻底操控符号和款式。菜单的外观或在DOM中的显现位置。这彻底取决于运用者。

2022 年值得引荐的 Vue 库!

GitHub:github.com/ueberdosis/…

(2)Quill.js

Quill.js 是一个具有跨平台和跨浏览器支撑的富文本编辑器。凭借其可扩展架构和赋有表现力的 API,能够彻底自定义它以满意个性化的需求。

2022 年值得引荐的 Vue 库!

GitHub:github.com/quilljs/qui…

(3)TinyMCE

TinyMCE 是一个抢手的富文本编辑器。它的目标是协助其他开发人员构建精美的 Web 内容解决方案。它易于集成,能够部署在根据云的、自托管或混合环境中。该设置使得合并比如 Angular、React 和 Vue 等结构成为可能。它还能够运用 50 多个插件进行扩展,每个插件都有 100 多个自定义选项。

2022 年值得引荐的 Vue 库!

GitHub:github.com/tinymce/tin…

(4)CKEditor 5

CKEditor 是一个强壮的富文本编辑器结构,具有模块化架构、现代集成和协作编辑等功用。它能够经过根据插件的架构进行扩展,从而能够将必要的内容处理功用引进。它是在 ES6 中从头开始编写的,而且具有超卓的 webpack支撑。能够运用与Angular、React和Vue.js的原生集成。

2022 年值得引荐的 Vue 库!

GitHub:github.com/ckeditor/ck…

11. 服务端烘托

(1)Nuxt.js

Nuxt.js 是一个根据 Vue.js 的通用运用结构。经过对客户端/服务端根底架构的笼统安排,Nuxt.js 首要重视的是运用的 UI 烘托。它预设了运用 Vue.js 开发服务端烘托的运用所需要的各种装备。

2022 年值得引荐的 Vue 库!

Github:github.com/nuxt/nuxt.j…

(2)SSR

ssr 结构是为前端结构在服务端烘托的场景下所打造的开箱即用的服务端烘托结构。面向 Serverless,一起支撑 React,Vue2,Vue3。

2022 年值得引荐的 Vue 库!

Github:github.com/zhangyuang/…

(3)Vue-meta

Vue-meta 是 Vue.js 的一个插件,它能够协助你运用 SSR 支撑办理 Vue.js 组件中的 HTML 元数据。Vue-meta 运用 Vue 的内置呼应性使办理运用程序的元数据变得简略。

2022 年值得引荐的 Vue 库!

Github:vue-meta.nuxtjs.org/

12. 数据获取

(1)Axios

Axios 是一个根据promise 的网络恳求库,作用于node.js和浏览器中。

2022 年值得引荐的 Vue 库!

Github:github.com/axios/axios

(2)vue-axios

vue-axios 是一个将 axios 集成到 Vuejs 的小型库。

2022 年值得引荐的 Vue 库!

Github:github.com/imcvampire/…

13. 构建东西

(1)Vite

Vite 是下一代前端开发与构建东西。 Vite 意在供给开箱即用的装备,一起它的插件 API 和 JavaScript API 带来了高度的可扩展性,并有完好的类型支撑。

2022 年值得引荐的 Vue 库!

Github:github.com/vitejs/vite

(2)Webpack

webpack 是一个用于现代JavaScript运用程序的静态模块打包东西。当 webpack 处理运用程序时,它会在内部构建一个依赖图(dependency graph),此依赖图对应映射到项目所需的每个模块,并生成一个或多个 bundle。

2022 年值得引荐的 Vue 库!

Github:github.com/webpack/web…