Skip to content

公共工具

与 UI 无直接关系的工具

  • vue-underscore - 实现 underscore 的简单 vue 插件
  • vue-lazy-calc - 一个简单的计算插件,以延迟和链式方式进行,具有强类型。
  • vue-loadable - 一个插件,通过简单的方法、装饰器和助手来改进加载状态控制
  • vueuse - 适用于 Vue 2.x 和 3.x 的 essential Vue Composition API 工具集合
  • vue-composable - Vue composition-api 可组合组件。i18n、验证、分页、获取等。+30 个可变可组合函数
  • vue-condition-watcher - Vue Composition API,用于在条件更改时自动获取数据
  • vue-use - 使用神奇的 Vue Composition APIs 提供许多可重用逻辑,如表单、表格和加载等。
  • vue-concurrency - 用于封装异步操作和管理 Vue 和 Composition API 并发性的库
  • vue-ics - 用于生成 ICalendar (.ics) 文件的 Vue.js 插件
  • vue-use-switch-map - 将 RxJS switchMap 操作符的功能注入到 Vue 组合世界中
  • vue-use-infinite-scroll - 一个 Vue 组合函数,使无限滚动变得轻松
  • vue-with-wrapper - 在 template 中使用的对象解构
  • vesselize - 一个与 Vue.js 无缝协作的 JavaScript IoC 容器
  • vue-context-composition - 在组件之间共享使用组合 API 创建的状态,类似于 React Hooks 中的 useContext
  • vuex-overlay-tools - 一个 Vue 3 插件,用于监控 Vuex 存储(也支持时间旅行)
  • vuse-rx - Vue 3 的完整一流 RxJS 支持
  • vue-props-validation - 提取用于对象和数组中嵌套验证的 Vue props 验证逻辑,使用 Vue 原生语法
  • vue-next-rx - Vue.js 的完整 RxJS 集成。(vue-rx 的更新)
  • fontawesome-autogen - 自动检测并导入 webapp 中使用的 fontawesome 图标

Typescript

HTTP 请求

通过 HTTP 检索数据

  • vue-resource - Vue.js 的 HTTP 客户端。
  • vue-async-computed - Vue.js 的异步计算属性。
  • vue-jsonp - 一个处理 JSONP 请求的小库。
  • v-model - V-Model 是 Vue.js 的模型插件,如 ng-resource。
  • vue-resource-mock - 一个基于 vue-resource 的拦截器来模拟 http 响应的助手。
  • vue-async-data-2 - Vue.js 的异步数据加载插件。
  • vue-api-request - 一个插件,提供对 API 的完全控制,使您的请求简单、快速且易于实现
  • vue-fast-axios - 以简单美观的方式进行带有验证的请求。
  • vue-async-properties - 一个 asyncDataasyncComputed 插件,支持防抖、转换结果、错误处理、加载/待处理标志、延迟/急切请求。
  • vue-axios-plugin - 一个将 axios 与 Vuejs 结合的插件,使 http 请求更简单。
  • zipkin-instrumentation-vue-resource - vue-resource 的拦截器,使用 Zipkin 检测传出的 HTTP 请求
  • vue-api-query - 构建 REST API 请求的优雅简单方法。
  • vue-chimera - 一个全功能的基于 RESTful 资源的客户端,与 Nuxt.js 兼容,允许服务器端获取
  • vue-apis - 一个与 axios 集成的 vue 插件,链式构建 API 实例。可从 vue 实例的上下文获得(例如:this.$apis.apiName())。
  • rexios - 用于在使用 REST API 请求时为 Axios 标准化 URL、数据、参数的工具
  • vue-axillo - 用于 REST API 的可组合 Axios,带有查询表示法 GraphQL
  • vue-request - Vue 3 Composable 用于数据获取,支持 SWR、轮询、错误重试、缓存请求、分页等酷功能
  • swrv - Vue 的 Stale-while-revalidate 数据获取
  • vue-vroom - 一个 REST APIs 插件,让您通过最少的配置快速生成类型安全的存储和模拟 API
  • tanstack-query - 强大的异步状态管理

i18n

国际化 / L10n / 本地化 / 翻译

  • vue-i18n - Vue.js 的国际化插件。
  • vue-translate-plugin - VueJS 翻译插件。
  • vuex-i18n - 使用 vuex 作为存储的 vue.js 2.0 本地化插件。
  • vue-gettext - 使用 gettext 翻译您的 Vue.js 应用程序。
  • vue-i18n - 一个用于在 Vue.js 中实现翻译的小插件。
  • vue-multilanguage - 在 Vue.js 2 中支持多种语言。
  • vue-ts-locale - 一个使用 Intl 在 Vue.js 2 中实现翻译的插件,支持 typescript。
  • vue-i18next - 一个 i18next 包装器,支持 Vue.js 2 中的翻译。
  • vue-polyglot - Vue.js 2 的基本翻译插件,支持异步加载。
  • v-localize - 为神奇的 Vue.js 提供简单的本地化插件。
  • vue-simple-i18n - 可能是最薄的库,在 1kb 内结束所有 Vue i18n 解决方案
  • template-string-i18n - 使用模板字符串进行 I18n,自动保存/加载翻译文档。
  • vue-translations - 轻松使用它翻译您的 vuejs 应用程序。
  • vue-i18n-service - 导出和导入 vue-i18n 的 SFC 翻译
  • vue-i18n-filter - Vue-i18n 的 Vue 过滤器扩展,简单使用 {{ hello world | t }}
  • vue-translation-manager - 交互式查找和翻译 Vue.js 应用程序中的字符串。与 vue-18n 和 vuex-i18n 配合使用效果良好。
  • vue-t9n - 翻译应用程序的最简单方法
  • vue-simple-inline-translation - 一个 Vue 组件,简化了文本翻译的方式:通过内联翻译。
  • vue-i18n-extract - 使用静态分析管理 vue-i18n 本地化。生成有关缺失和未使用的 i18n 条目的报告。
  • vscode-vue-i18n-ally - 用于更好的 Vue-i18n 体验的 VSCode 扩展。
  • v-intl - 为您的出色 Vue 3 应用程序提供全局 Intl 包装器
  • excel-vue-i18n - 一个插件,将 excel 文件转换为 i18n json 格式以进行翻译
  • vue-i18n-lite - 一个超轻量级和最小的插件,通过简单的 API 将国际化引入您的 Vue.js 应用
  • v-google-translate - 一个使用 Google Translate 使您的 Vue.js 应用国际化的组件
  • fluent-vue - Vue.js(2 和 3)的国际化插件。Fluent.js 的 Vue.js 集成 - Project Fluent 的 JavaScript 实现
  • localize-vue-2x - Uni Localization Vue 2 集成示例。使用 Web Components 构建的可自定义语言菜单小部件
  • localize-vue-3x - Uni Localization Vue 3 集成示例。使用 Web Components 构建的可自定义语言菜单小部件
  • vue-next-i18n - 一个用于 Vue 3 的轻量级国际化插件
  • tolgee/vue - 基于 Web 的本地化工具,使用户能够直接在他们开发的 Vue 3 应用中进行翻译
  • excel-to-json - 一个简单的工具,用于将 Excel 转换为 JSON 以进行 i18n
  • intlify/vue-i18n-next - Vue 3 的 Vue I18n
  • i18n-pro/vue - 为 Vue 提供轻量级、简单、灵活、自动翻译的国际化工具
  • i18n-pro/vue2 - 为 Vue 2 提供轻量级、简单、灵活、自动翻译的国际化工具

自定义事件

持久性

LocalStorage 等

  • vue-localstorage - 带有类型支持的 Vue.js localStorage 插件。
  • vue-ls - 用于从 Vue 上下文使用 LocalStorage 的 Vue 插件。
  • vue-pouch - PouchDB 的实时和反应性绑定。在 IndexedDB 中持久化数据并与 CouchDB 同步。
  • vue-idb - 使用 IndexedDB(Dexie.js)管理列表和大型列表,或者自动创建和可扩展的 vuex 模块
  • vue-browserstore - 浏览器存储包装器。
  • VueStorage - 允许组件在浏览器会话之间保存和加载其数据。
  • vue-web-storage - 另一个用于 localStorage 和 sessionStorage 的 Vue.js 插件
  • vue-universal-cookies - 用于 Vue.js / Nuxt.js 的同构 cookie 插件,支持浏览器、Express、http(节点)。
  • vue2-storage - Vue.js 应用的浏览器存储
  • vue-warehouse - 用于 Vue.js 和 Nuxt.js 的跨浏览器存储,基于 Store.js 提供插件支持和易于扩展。
  • vue-storage-watcher / Vue 3 version - 一个用于 Vue.js 的反应式 localStorage/sessionStorage 插件,为 Vue 2 / Vue 3 提供强类型
  • vue-use-local-storage - 一个组合 API,用于将反应式数据持久化并重新水合到 vue 3 的本地存储中

状态管理

  • vuex - Vue.js 的集中式状态管理。
  • vue-sync - 同步 Vue 状态与浏览器 URL、服务器后端和其他端点。
  • vuelm - 受 Elm 架构启发的轻量级状态管理。
  • vuez - 一个简单但强大的 Vue.js 状态管理,只有 2 个 API。
  • vuet - 用于敏捷开发的 Vue.js 状态管理模型
  • vue-ya-stash - 另一个带有更新/补丁事件发射器的存储,类似于 v-bind.sync
  • vue-assign-model - 自动将元素值分配给 Vue.js 的模型。
  • vue-stash - 轻松在 Vue 组件之间共享反应性数据。
  • vue-model - Vue.js 的模型组件
  • tuex - Vuex 的一个相当合理的替代品。
  • revuejs - 一个微小、轻量和方便的 vuejs 2 状态管理,编写更少的冗长代码。
  • lue - 基于 Vue 和 vuex 的库,编写更少的冗长代码。
  • vuex-lite - 一个 1KB 的 Vuex,只有状态和突变。
  • vue-shared - 一个轻量级和简单的 vuex 替代品
  • vuex-module-generator - 它允许您轻松创建 vuex 模块。
  • vuex-declaration - 像 props 一样声明状态,使状态在组件创建时动态注入到 vuex。
  • vuex-up - 为模块 vuex 带来混合和服务注入功能。
  • effector - 快速强大的反应式状态管理器。Effector 让您编写简单、快速和类型安全的代码,并轻松管理反应式状态。
  • nano-state-vue - 高效、有效和可扩展的状态管理:少即是多
  • universal-model-vue - Vue 的统一状态管理(也适用于 Angular/React/Svelte)
  • vue-states - Vue 的状态管理系统,具有与 Vue 组件相同的 API
  • v-bucket - 为 Vue 3.0 构建的快速、简单和轻量级状态管理,使用组合 API,灵感来自 Vuex
  • VueFort - Vue 的数据建模。适用于 Vue 2 和 3
  • @korijn/vue-store - 轻量级 Vue 3 组合 API 兼容存储模式库,带有撤销/重做
  • vuex-light - 具有强大类型的 Vue 3 状态管理系统
  • vue-object-state - 简单的对象/DTO/模型状态跟踪
  • vue-datatable-url-sync - 将数据表选项和过滤器与 URL 同步,以在刷新或导航后保持用户偏好
  • vue-path-store - 使用点表示法路径语法的简单状态管理,还带有 Vuex 和 Pinia 插件
  • harlem - 为 Vue 3 提供简单、无偏见、轻量级和可扩展的状态管理
  • hami-vuex - 哈密瓜味的 Vuex,按设计模块化,完全 TypeScript 智能,Vue.js 的状态管理
  • exome - 用于深度嵌套状态的简单代理基础状态管理器

Redux

Mobx

  • movue - Vue.js 的 Mobx 集成。
  • vue-mobx - Vuejs 2.x 的 Mobx 绑定。

Pinia

认证/授权

  • vue-kindergarten
  • vue-authenticate - 用于登录/注册和 OAuth(1.0/2.0)认证的简单 Vue.js 认证库
  • vue-facebook-account-kit - 对 fb 账户工具包库的简单 vue 包装器。
  • casl-vue - 限制给定用户被允许访问的资源
  • vue-google-api - 一个包装器,用于在任何 vue.js 2 项目中轻松集成 Google 的 API 客户端,基于 promises,内置 OAuth2 "使用 Google 登录" 功能。
  • vue-auth - 一个简单轻量级的 Vue.js 认证库
  • vue-auth-plugin - 一个使用 typescript 的简单 Vue.js 认证和授权库
  • vue-google-signin-button - 一个简单的 Vue 插件,用于在您的 web 应用中包含 Google 登录按钮
  • vue-facebook-signin-button - 一个简单的插件,用于在您的 web 应用中包含自定义 Facebook 登录按钮
  • vue-auth-href - 一个 VueJS 指令,用于下载受保护路由模式下的文件
  • vue-msal - 用于使用 Microsoft Authentication Library (MSAL) 的 Vue 插件
  • vue-simple-acl - 一个简单的无偏见 Vue 插件,用于管理用户角色和权限、访问控制列表 (ACL) 和基于角色的访问控制 (RBAC)

Vuex 工具

  • vuex-persistedstate - 使用 localStorage 持久化 Vuex 状态。
  • vuex-plugin-jsdata - 一个用于将 Vuex 存储与 js-data 同步的插件。
  • vuex-local - Vuex 内的本地状态管理。
  • vuex-action - 用于 vuex 轻松创建和管理动作的工具。
  • vuex-rest-api - 一个帮助工具,简化了 REST API 与 Vuex 的使用。基于 axios。
  • vuex-cache - 一个 Vuex 插件工具,用于缓存那些会发出远程请求的动作。
  • vuex-persist - 一个 TypeScript 就绪的 Vuex 插件,帮助将存储保存到 localStorage 或任何自定义存储(您可以配置)。
  • vuex-local-state - 为 vuex 添加 'localState/sessionState' 选项。使用 localStorage 保持 Vuex 状态。
  • vuex-action-reload - 一个 vuex 插件,在满足条件时重新加载动作。
  • vuejs-storage - Vue.js 和 vuex 插件,用于使用 localStorage/sessionStorage 持久化数据。
  • vuex-orm - Vuex 插件,启用对 Vuex Store 的对象关系映射访问。
  • vuex-async-module - 减少生成 Vuex 模块的异步样板代码。与 Vue 2.x 兼容。
  • vuex-iframe-sync - iframe/window 之间的 Vuex 状态同步。
  • vuex-aspect - 将任何类型的远程数据绑定到 vuex 存储。
  • Vuenut - 一个组件,用于更快、更流畅地开发
  • vuex-map-fields - 启用表单字段的双向数据绑定。
  • vuex-search - 用于客户端搜索的 Vuex 绑定,带有索引器和 Web Workers。
  • vuex-pathify - 为 Vuex 存储提供统一的路径语法(如 foo/bar@a.b.c
  • vuex-loading - 简化 vuex 加载状态管理
  • vuex-module-builder - Vuex 模块构建器是一个包装器,用于高效编写 vuex 存储,内置一些常见方法。
  • vuex-pagination - 在您的 Vue/Vuex 应用程序中轻松处理分页资源。与大多数 Vue 分页组件配合使用效果良好。
  • vuex-easy-firestore - Firebase Cloud Firestore 和 Vuex 的轻松耦合。2 路同步,0 样板!
  • vuex-listener - 一个全局 Vuex 动作和突变监听器插件
  • jsonapi-vuex - 使用带有 Vuex 存储的 JSONAPI api,带有客户端重组/规范化记录。
  • vue-request-store - 一个 Vue 和 Vuex 插件,用于简化跟踪 API 请求状态
  • vuexi - 提供工具来简化异步动作和状态管理
  • stfalcon-vuex-loading-plugin - 处理 vuex 加载状态的最简单方法
  • Vue Rest Resource - Vue.js 和 Vuex 项目的 Rest HTTP 资源管理
  • Vuex Stateshot - Vuex3.1+ 的动作/突变状态快照插件
  • vuex-loopback - Vuex 模块工厂和 Loopback 的 Vue 组件
  • vuex-state-snapshot - 一个 Vuex 插件,用于在突变时拍摄状态快照
  • vuex-awesome-async - 它包装 Vuex 存储,轻松管理异步请求(加载、错误和缓存状态
  • vuex-factories - 生成 vuex 动作和突变的工厂函数
  • vuex-hooks - TypeScript 启用的 Vuex composition-api 钩子
  • vuex-composition - 一个工具包,用于轻松使用 Vuex 与 Composition API 和 Reactivity API
  • vuex-composition-helpers - 一个工具包,用于轻松使用 Vuex 与 Composition API
  • vuex-ts-enhance - 一个增强 mapXXXdispatch 方法提示的工具
  • vuex-masked-modules - 一个 Vuex 插件,将模块的数据结构放在 localStorage 中,能够掩盖或加密数据,使其难以探索。专为 Vue 3 和 Vuex 4 设计

标签之间的同步

GraphQL

  • vue-apollo - VueJS 的 Apollo/GraphQL 集成。
  • vue-relay - 一个用于构建 GraphQL 驱动的 Vue.js 应用程序的框架。
  • vuex-orm-apollo - Vuex-ORM 的 Apollo/GraphQL 集成。
  • apollo-vue-devtools - Apollo 集成用于 Vue-Devtools,在 vue-devtools 时间轴中检查 GraphQL 查询

并发管理

  • vuency - Vue.js 的并发管理。

代码风格

提高代码可读性

CSS

  • vue-bem-cn - Vue.JS 的简单 BEM 类名生成器。
  • vue-css - Vue.js 插件,允许您将 CSS 与组件捆绑在一起。
  • vue-mods-names - 为应用中的所有组件添加修饰符到类名。
  • vue-styler - Vue 的简单、高性能样式器。
  • vue-css-modules - 在 Vue 组件内无缝映射类名到 CSS Modules。
  • vue-simple-bem - 带有简洁语法的指令,用于向元素添加 BEM 类名。
  • fela-vue - Vue 的 CSS-IN-JS mixin,设计灵活但面向团队。
  • j-vue
  • vue-spinners-css - 纯 CSS vue spinners 组件集合,基于 loading.io 的 ajax 或加载动画的 css spinners
  • vue-css-doodle - css-doodle 的移植,一个用于用 CSS 绘制图案的 web 组件

资产管理

用于构建/编译/捆绑/加载资产的工具

  • vue-script2 - 为您的单页应用程序提供标准化、设计器友好的脚本标签行为。
  • vue-loader - Vue.js 组件的 Webpack loader。
  • vueify - 单文件 Vue 组件的 Browserify 转换。
  • vue-compiler - 一个围绕 vue-component-compiler 的简单 cli 包装器。
  • vue-brunch - 为 Brunch 添加预编译单文件 Vue 组件的支持。
  • poi - 开始使用单个 .js 文件编写应用程序,Poi 可以为您处理所有开发设置,不再有配置地狱。
  • http-vue-loader - 直接从您的 html/js 加载 .vue 文件,无需 node.js 环境或构建步骤。
  • vue-jsx-hot-loader - 为带有 JSX 渲染函数的 Vue.js 组件启用 HMR。
  • VueInBrowserLoader - 从给定的 URL 加载 .vue 文件并将其直接在浏览器中编译为组件。
  • vue-separate-files-webpack-loader - 用于分离的 Vue 组件部分的 Webpack loader
  • vue-svg-loader - webpack loader,让您使用 SVG 文件作为 Vue 组件
  • vue-registrar - 一个动态注册您的组件和 vuex 模块的包 - 使您的代码更可读!
  • vue-automatic-import-loader - Webpack loader,通过使用匹配函数自动导入您的 Vue 单文件组件
  • vue-aimg-loader - 一种在 Vue 模板中使用图像而无需编写 CSS 的简单方法
  • vite-svg-loader - 用于将 SVG 文件加载为 Vue 组件的 Vite 插件
  • vue-sfc-split - 转换 SFC 以在没有构建的情况下在原生浏览器中使用
  • webpack-plugin-qiniu-upload - Vue3,webpack-plugin-qiniu-upload 用于七牛|aws(亚马逊)云上传。支持 @vue/cli-service 5.0.x

页面导航

  • vue-navigation - 一个页面导航库,记录路由并缓存页面,像原生APP导航一样。
  • vue-acl - VueJS 2 的访问控制列表。
  • vue-breadcrumbs - 为 Vue 1.x 和 Vue 2.x 实现带有 vue-router 的简单面包屑功能。
  • vue-2-breadcrumbs - 与 Vue 2.x 和 Bootstrap 4 的 vue-router 一起使用的面包屑
  • vs-crumbs - Vue 面包屑,40 行代码,允许没有子视图的嵌套路径。
  • vue-nav - 页面导航管理器,支持手机原生应用的所有导航功能。
  • vue-2-crumbs - Vue.js 2 框架的面包屑插件,允许在路由元对象中选择父路由,无需子路由。还允许使用动态数据。
  • vue-pesdk - PhotoEditorSDK 的 Vue.js 包装器
  • vue-resolve - 在进入/渲染该路由的组件之前解析路由数据。
  • vue-page-stack - 您的 Vue SPA 的路由和导航。Vue 单页应用导航管理器

杂项

Web Workers

  • vue-worker - 一个 Vue.js 插件,以简单的方式使用 webworkers
  • vue-log-worker - 一个 Vue.js 插件,通过 web worker 将错误和 vuex 突变记录到您的后端

JSX

  • jsx-vue-functional - 一个 Babel 插件,为 Vue 函数组件带来语法糖。
  • jsx-event-modifiers - 一个 Babel 插件,向 JSX 添加类似于 Vue 模板的事件修饰符。
  • jsx-v-model - 一个 Babel 插件,将 v-model 带到 JSX。
  • vue-jsx-sync - 一个 Babel 插件,将 vue sync modifier 带到 JSX。
  • vue2-jsx-runtime - 一个 Vue 2 新 JSX 转换运行时,用于 TSC/SWC。直接使用 TSC/SWC 的 Vue 2 JSX

迁移

Web Sockets

Server-Sent Events

  • vue-sse - 一个用于使用 Server-Sent Events (EventSource) 的 Vue 插件

支付

支付工具。

Stripe

PayPal

Plaid

基于VitePress构建 | 所有资源均为开源免费