搜索
- vue-fuse - 模糊搜索库 Fuse.js 的轻量级插件
- vue-instantsearch - 使用 Algolia 创建即时搜索体验的终极工具箱。
- vue-innersearch - Elasticsearch 的 Vue.js 包装器
- reactivesearch-vue - 使用 Elasticsearch 构建数据驱动应用程序的 UI 组件
- vue-search-panel - 用于搜索并带有建议的 Vue 组件
- vue-json-search - Headless Vue 3.x 组件,用于轻松、简单的基于 json 的搜索
- vue-search-input - Vue 3 搜索输入组件,灵感来自 Storybook 和 GitHub 的全局搜索输入。
杂项
- vue-avatar - vue.js 的头像组件。
- vue-touch-ripple - Vue.js(1.x ~ 2.x) 的触摸波纹组件。
- vue-typer - 模拟用户输入、选择和擦除文本的 Vue 组件。
- vue-keyboard - Vue 2 虚拟键盘组件。
- vue-twentytwenty - 图像比较组件,适用于 Vue.js 2.x
- vue-cookie-law - Vue.js 2.x 的 Cookie 信息插件
- vue-gravatar - 适用于 Vue.js 2.x 的超简单 gravatar 组件
- vue-clipboard2 - 适用于 Vue.js 2.x 的易于使用的 clipboard.js 绑定
- vue-flashcard - 适用于 Vue.js 2.x 的带动画的 FLashcard 组件 💡
- vue-truncate-collapsed - 一个简单的组件,可以截断您的文本并为 Vue.js 2.x 添加可点击的“阅读更多/显示更少”
- vue-kanban - 一个灵活的拖放看板组件
- vue-letter-avatar - 一个简单而优雅的 vue.js 字母头像组件
- vue-highlightjs - 使用 highlight.js 突出显示语法
- v-clipboard - 简单、小巧且易于使用的指令,用于将您的模型保存到剪贴板(压缩后小于 2kb,无依赖项)
- vue-invisible-recaptcha - 超级轻松集成 Google 的 Invisible reCAPTCHA
- vue-embed - Embed 组件基于 Vue 2.x 的 embed.js,该组件可嵌入表情符号、媒体、地图、推文、要点、代码、服务和 markdown。
- vue-particles - 用于粒子背景的 Vue.js 组件
- vue-uniq-ids - Vue.js 2.x 插件,可帮助使用与 id 相关的属性,且无副作用
- vue-multivue - 在同一页面上使用同一类的多个 vue 应用。
- vue-affix - 一个 Vue.js 2.x 插件,可在您滚动时将元素固定在窗口中,类似于 Bootstrap Affix,但更简单、更智能
- X-Browser-Update-Vue - 一个 Vue.js 浏览器更新插件。
- vue-query-builder - 一个用于使用嵌套条件构建复杂查询的 UI 组件。
- vue-info-card - 一个简单而漂亮的卡片组件,带有优雅的火花线和 CSS3 翻转动画。
- v-offline - 简单、小巧且易于使用,可为您的 Vue 应用检测离线和在线事件(最小化后小于 390b)
- vue-word-cloud - 词云生成器。
- vue-flat-surface-shader - 用于 平面着色器 的 Vue 组件
- vue-easteregg - 轻松将 easteregg 添加到您的 vue 应用(默认使用 konami 代码)
- vue-barcode-scanner
- vue-heatmapjs - 用于跟踪和可视化鼠标活动的 Vue 指令
- vue-maze - 一款由 Vue.js 组件制作的迷你迷宫游戏
- vue-drag-verify - 这是一个 vue 组件,滑动即可解锁登录或注册。
- vue-balloon -Vue 组件用于在页面角落创建固定、可缩放的容器。类似于 gmail 中使用的邮件撰写包装器。
- vue-sticker - 贴纸效果可向任何方向移动
- v-rating - ⭐️ 使用 VueJS 制作的 Semantic-UI 中的评级组件(< 500B 压缩后,速度超快)
- vue-content-placeholders - 可组合组件,用于在 vue 中呈现类似 facebook 的虚假(渐进式)内容
- vue-page-designer - 用于拖放设计和构建移动网站的 Vue 组件。
- vue-creativecommons - CreativeCommons.org Vue.js 组件库。
- vue-status-indicator - 一个 Vue.js 组件,用于将状态指示器显示为彩色圆点。
- vue-google-adsense - 支持 InFeed 和 InArticle 广告的 Vue.js Google Adsense 组件
- emoji-vue - Vue.js 项目的 Emoji 😎👌🏻 下拉菜单
- vue-chessboard - 棋盘 vue 组件,用于加载位置、创建位置和查看威胁。
- vue-mindmap - 用于思维节点图的 Vue 组件。
- v-currency - 用于格式化货币的 Vue 组件。
- vue-emoji-picker - 高度可定制的 unicode 表情符号选择器🔥🚀
- vue-8-puzzle - 一款由 Vue.js 组件制作的超小幻灯片拼图游戏
- vue-e164 - 可定制的手机格式化程序,支持 E.164 标准
- vue-pgn - 用于以 pgn 格式查看国际象棋游戏的 Vue.js 组件
- vue-avatar-editor - 使用清晰的用户界面调整、旋转和裁剪您上传的头像接口。
- vue-connection-listener - Vue 事件总线插件,用于监听在线/离线更改。
- vue-sauce - Vue 的“查看源代码”指令。
- vue-prom - Vue 承诺包装器组件。
- numeric-keyboard - 适用于移动浏览器的数字键盘。
- vue-zoom-on-hover - 鼠标悬停时图像缩放
- vue-responsive-image - 一个 Vue 组件,可让您快速创建具有适用于所有设备的最佳图像源数量的响应式图像标签。
- vue-highlight-text - 用于突出显示单词的多个实例的 Vue 组件
- vue-cast-props - 提供一种将 props 转换为常见数据类型的便捷方法。
- vue2-heropatterns - 一个 Vue2 实现,允许您将流行的 Hero Patterns 添加到任何 Div
- vue-link - 一个组件将它们全部链接起来 🔗(将外部和内部链接视为相同)
- vue-identify-network - ⚡️识别您的用户正在使用哪种互联网!
- vue-cloneya - 用于克隆 DOM 元素的 vue 组件
- vue-survey-builder - 用于 vue.js 应用程序的调查构建器
- vue-if-bot - 轻量级组件,用于根据用户代理向客户端隐藏/显示内容
- vue-clampy - Vue.js (2+) 指令,如果元素中的内容太长,则通过向元素添加省略号来限制元素的内容。
- vue-cookie-accept-decline - 在您的页面上显示带有文本的横幅、拒绝按钮和接受按钮。使用 cookie 记住选择。创建时发出带有当前选择的事件。符合 GDPR 要求。
- @lossendae/vue-avatar - VueJS 2.0 的头像组件。
- vue-text-highlight - Vue.js 的文本高亮库 💄
- vue2-hammer Hammer.js 包装器,用于 Vue 2.x,支持移动触摸。
- vue-countable - countable.js 的 Vue 绑定。提供实时段落、句子、单词和字符计数。
- v-show-slide - 一个 Vue.js 指令,用于以滑动动作将元素动画化为 height: auto。
- vue-swipe-actions - 适用于 Vue.js 的 iOS 风格滑动操作
- vue-friendly-iframe - 一个用于创建超快速加载、非阻塞 iframe 的 Vue js 组件。
- vue-beautiful-chat - 一个简洁美观的 Vue 聊天组件,与后端无关,完全可定制和可扩展。
- vue-magnifier - 适用于 Vue.js 2.x 的简单图像缩放/放大组件。
- vue-highlight-words - Vue 组件,用于突出显示较大文本中的单词。移植自 react-highlight-words
- vue-tags-ball - 使用此插件创建漂亮的球形标签
- vue-rippler - 用于自定义涟漪效果的简单 Vue.js 插件
- vue-contacts - Vue 的移动联系人组件
- basic-vue-chat - 易于使用的 Vue.js 聊天
- vue-resize-text - 一个根据元素宽度自动调整字体大小的 vue 指令。
- vue-github-profile - 一个用于查看指定用户的个人资料和存储库的 vue 组件
- vue-niege - 🎄 🎅 单文件 Vue 组件,用于通过画布添加暴风雪。
- vue-dynamic-star-rating - 一个高度动态的 vue 星级评分组件,类似于 google play 评分 ⭐️ ⭐️ ⭐️ ⭐️ ⭐️
- vue-katex - 在 Vue.js 中使用 KaTeX 进行数学排版的简单插件
- vue-baberrage - 一个基于 Vue.js 的简单 Barrage 插件😎
- vue-terminal-ui - 🖥终端 UI 模拟器 Vue:自定义和基本命令
- vue-command - 一个功能齐全的 Vue.js 终端模拟器
- vue-ribbon - 用于 GitHub 丝带的 Vue 组件
- avatio-avatar - 用于插图头像的 Vue 组件 - 由 Avatio 使用
- vue-jazzicon - 一个非常简单的 Vue Jazzicon 组件。
- vue-star-rating - 一个简单、高度可定制的星级评定组件 ⭐️ ⭐️ ⭐️
- vue-fixed-header - 由 TypeScript 编写的简单且跨浏览器友好的 Vue.js 固定标头组件。
- vue-particle-effect-buttons一个爆裂粒子效果按钮组件。
- vue-insomnia - 防止显示屏进入休眠状态(唤醒锁定)。
- vue-car-plate-keyboard - VueJS 2.x 的车牌号键盘。(车牌号输入键盘,支持新能源车牌🚗🚗🚗) - vue-dataflow-editor - Vue2 数据流图形编辑器 - vue-twe moji-picker - 适用于 Vue 的快速即插即用 Twemoji 选择器(+用于 Twemoji 渲染的文本区域)。
- vuejs-avataaars - 用于头像的简单头像生成器 Vue 组件。
- vue-moveable - 一个 Vue 组件,可创建可移动、可拖动、可调整大小、可缩放、可旋转、可扭曲等。
- vue-camera-gestures - 让用户只需在 HTML 模板中一行代码,即可在摄像头前使用 AI 和手势控制您的 Vue 应用!
- vue-aspect-ratio - 一个可轻松处理纵横比的小组件。
- query-builder-vue - 一个查询构建器库,用于构建具有可拖动重新排序的复杂嵌套查询。
- vue-meeting-selector - 受 doctolib 启发的会议选择器,速度快,完全使用 Typescript 定制。
- cool-emoji-picker - 适用于 Vue 的快速即插即用 [Tw]emoji Picker(+用于 Twemoji 渲染的文本区域)组件。
- vue-web-cam - 适用于 VueJs 的网络摄像头组件。
- vue-cursor-fx - 用于导航、图库和轮播等交互元素的动画自定义光标效果。
- vuetimeline - 一个易于使用的组件,用于构建漂亮的响应式时间轴。
- v-emoji-picker - 🌟Vue 中轻量级且可自定义的 Emoji Picker 包,使用原生 emojis(unicode)。
- learnawesome-flashcard - 通过 localStorage 实现间隔重复的抽认卡牌组 💡
- vue-portfolio-viewer - 用于 vue js 的滚动动画作品集查看器组件 💡
- vue-text-middle-ellipsis - 一个简单的 vue-directive(2+),如果元素中的内容太长,它会将内容夹在元素中间。
- vuesence-book - 文档/帮助系统组件。
- vue-turnjs - 一个组件库,用于为您的应用添加图书体验。
- vuesence-sliding-header - 顶部导航栏的滑动标题。
- tsParticles - 一个轻量级的 Javascript 库,可轻松创建高度可配置且可交互的粒子动画
- @bananajs/vue3-book-component - Vue 3 的图书组件。它提供了简单、灵活的 API 和出色的可定制性。
- @bananajs/vue2-book-component - Vue 2 的书籍组件。它提供简单、灵活的 API 和出色的可定制性。
- vue-image-zoomer - Vue.js 2 和 3 的图像缩放组件,也适用于触摸设备。
- vue-show-more-text - Vue 多行句子省略组件。组件中的文本将被截断。
- vue-copy-to-clipboard - Vue.js 3 插件,用于将文本复制到剪贴板 (Vue 3)
- vue-advanced-chat - 功能丰富且完全可定制的聊天室组件。支持文件、图像、视频、音频、表情符号、自定义操作等。
- vue-visual-filter - 🕵️♂️ 适用于 Vue 2 和 3 的无偏见高级视觉过滤组件。
- vue-easter-egg-trigger - 此软件包可让您轻松便捷地将复活节彩蛋触发器添加到您的 Vue 2 网站。Vue 3 版本也可用。
- vue-word-highlighter - Vue 2 和 Vue 3 的单词高亮库。
- vue3-emoji-picker - 适用于 Vue3 的简单而强大的表情符号选择器。
- vue-mathjax - Mathjax 的 Vue.js 插件
- vue-mathjax-next - Mathjax 的 Vue 3 插件
- vue-connect-wallet - 一个 Vue 插件,用于通过 UI 按钮 + MetaMask 实用程序连接到 web3 钱包
- vue-magnifier - Vue 3 图像缩放组件。
- vue-spruce - 一组有用的 Vue 2 无渲染组件。
- vue-web-terminal - 💻 功能强大、功能丰富的网页命令行终端插件,适用于 vue2 和 vue3。
- vite-plugin-vue-preview - 一个用于代码预览的 vite 插件,当然你也可以单独使用该组件
- vue3-calendar-heatmap - 一个基于 SVG 构建的轻量级日历热图 Vue 3 组件
- vue-code-block - Vue 3 CodeBlock - 使用由 PrismJS 或 Highlight.js 提供支持的语法高亮组件,轻松高亮你的代码。
- v-image-magnifier - 一款提供交互式图像缩放功能的 Vue 3 插件。允许用户通过将鼠标悬停在图像上来放大图像,从而提供图像相应部分的放大视图。
- Everright-filter - 一款适用于 Vue3 的查询构建器组件。支持过滤多种数据类型,包括字符串、数字、下拉列表、级联、区域、日期和时间。
- @kolirt/vue-web3-auth - 💎 基于 WalletConnect v2 和 wagmi 的 Vue3 应用的 Web3 身份验证
- zoom-image - 一个小巧但功能强大的框架无关库,用于在网络上缩放图像
- vue-mrz-scanner - 一个用于扫描护照、签证卡等上的 MRZ 的 Vue 组件。它基于 Dynamsoft Label Recognizer。
- vue-surf - 一个非常定制的动画 svg 波形 Vue 组件。开启行演示
- vue-wheel-spinner - 一个简单、可自定义的命运之轮组件。查看演示
标签
- vue-tabs - 简单的标签和药丸。
- vue-swipe-tabs - 适用于 vue.js(vue2) 的触摸滑动标签组件。
- vue-tabs-component - 一种使用 Vue 显示标签的简单方法。
- vue-k-tabs - 一个采用 Gitlab 设计的简单标签组件。
- vue-tabs-with-active-line - 简单的 Vue 2 组件,允许您制作带有移动底线的标签
- vue-tabs-chrome - 一个用于类似 Chrome 标签的 Vue 组件。
- vue-tiny-tabs - 一个极简标签组件,作为 tinytabs Vuejs 包装器(大小 < 3.1kb)
- vue-lumino - 一个将 Vue.js 与 Jupyter Lumino (PhosphorJS) 结合使用的组件,通过事件监听器和 Vue 反应系统集成 DOM 和 VDOM。
- vue-router-tab - 基于 Vue Router 的 Vue.js 标签组件。
- vue3-tabs - 适用于 vue 3 的触摸滑动标签组件
- vue3-tabs-chrome - 适用于类似 Chrome 标签的 Vue3 组件。
- vue-nav-tab Vue.js 3 项目的选项卡组件
表单
让用户创建和编辑数据
电话号码输入格式化程序
- vue-phone-number-input - 一个漂亮的输入,用于格式化和输入带有国家代码的有效电话号码 🔥
- vue-tel-input - 使用 Vue 输入国际电话。
邮政编码输入
- vue-pincode-input - 智能邮政编码输入组件
选择器
- vue-smooth-picker - Vue 2.x 的平滑选择器组件,类似 iOS 原生日期时间选择器。
- vue-scroll-picker - Vue 2.x 的滚动选择器组件。支持鼠标(滚轮)和触摸的所有手势。
- vue-fontawesome-picker - Vue 2.x 的 Font Awesome 图标选择器组件。
- vue3-scroll-picker - Vue 3 的滚动选择器组件。
- vue-wheel-picker - 可自定义的选择器,带有 3D 滚轮和 Vue 2 支持的所有手势。
生成器
- FormSchema Native - 使用 JSON Schema 和 Vue.js 生成表单
- vue-generator - Vue 项目的初始路由器和组件。
- vue-form-json - 从 json 生成具有验证和 bulma 样式的 vue 表单
- form-create - 具有动态渲染、数据收集、验证和提交功能的表单构建器,支持 json 数据
- element-form-builder - 使用 JSON Schema 构建 element-ui 表单。
- ncform - 一种非常好用的表单开发配置生成方式
- Laraform - 支持 Laravel 的 Vue.js 高级表单生成器
- vue-ele-form - 基于 element-ui 的 Vue DataForm
- vue-otp-2 - Vue OTP 输入 2,用于 OTP 输入的 Vue 组件。
- vue-form-generator 一个基于架构的 Vue.js 表单生成器组件。
- vue-form-builder - 使用 JSON 模式和 Composition API 构建功能强大的 Vue 表单,支持 Element UI、View UI、Ant Design Vue 等流行的 UI 框架。 在线演示
- vue-dynamic-inputs - 使用 buefy 从 json 创建动态表单 在线演示
- Vue Flow Form - 使用 Vue.js 创建对话式条件逻辑表单。 在线演示
- vue-dd-form - 📋 仅通过描述数据节点即可构建表单 - 无需编程! 在线演示
- vue3-otp-input - 一个完全可定制的 OTP(一次性密码)输入组件,使用 Vue 3.x 和 Vue Composition API 构建。
- Vueform - (可能是) 最全面的 Vue.js 表单构建器 在线演示
- IFstruct-parser-vue - 将 iofod 编辑的项目转换为可用于生产的 Vue 项目
- Everright-formEditor - 可视化拖放式低代码表单编辑器
日期选择器
- vue-jalaali-datepicker - 适用于 vue.js 2 的 Jalaali 日历和日期选择器。
- vue-date-picker - 受 Material Design 启发的 Vue 日期选择器组件
- vue-monthly-picker - 仅用于月份和年份选择器的 Vue.js 组件
- vue-hotel-datepicker - 响应式日期范围选择器,显示所选的住宿天数,允许自定义入住/退房规则、屏蔽日期、本地化支持等。
- vue2-persian-datepicker - 适用于 Vue 的超棒波斯语日期选择器组件。日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器 日期选择器- vue-airbnb-style-datepicker - 一款 Vue 日期选择器,外观和功能与流行的 AirBnb 日期选择器类似。轻量级、可配置且浏览器支持良好!
- vue-persian-datetime-picker 波斯语材料日期选择器。支持日期时间、日期、时间、年份、月份。
- VCalendar 非常可定制且功能强大的日历/日期选择器组件,具有许多功能和良好的文档。
- @owumaro/vue-date-range-picker - 一个使用 Bootstrap 4 样式进行日期范围选择的 vue 组件
- vue-datepicker-mobile - 适用于 vue2 的移动友好型日期选择器。🇨🇳 选择一天或一个日期范围并根据需要进行自定义。
- vue-draggable-cal - 不是普通的日期选择器。一个 Vuejs 可拖动日期选择器,具有全新的响应式设计,适用于移动设备且无依赖项,压缩后大小为 17kb。
- vue-vanilla-datetime-picker - Vue 的日期时间选择器。
- vue2-daterange-picker - 基于 bootstrap-daterangepicker 的 Vue2 日期范围选择器(无 jQuery 依赖)
- vue-timeselector - 适用于 Vue.js 的完全且简单可定制的强大时间选择器组件。
- vue-date-picker - 适用于 Vue 2.x 的轻量级日期选择器组件。
- vue-ctk-date-time-picker - 一个漂亮的 VueJS 组件,用于选择日期和时间(带范围模式):new:
- simple-vue2-datetimepicker - 一个简单易用的 vue.js 组件,用于选择日期和时间。:new:
- vue-business-hours - Vue 组件,用于在管理面板或仪表板中选择营业时间。
- material-vue-daterange-picker - 一个适用于 Vuejs 2.x 的 Material Design 风格的日期范围选择器,与 vuetify 兼容且对移动设备友好。
- vue-datepicker - 适用于 Vuejs 2.x 的简洁、响应式日期选择器,采用 Material Design 风格。(日期/月份/季度 && 日期范围选择器)🆕
- @alireza-ab/vue-persian-datepicker - 用于选择波斯日期的日期选择器组件。 (单选和范围选择、选择日期和时间、使用键盘选择、可自定义样式、本地化)
- vue-easy-range-date-picker - 一个简单易用的 VueJS (2.x) 日期范围选择组件
- @vuepic/vue-datepicker - Vue 3 最完整的日期选择器解决方案
- vue-datepicker-next - Vue 3.x 日期选择器 / 时间选择器 / 日期时间选择器 / 日历组件
选择
- vue-select- 一个原生 Vue.js 组件,提供与 Select2 类似的功能,但无需 jQuery 开销。
- vue-multiselect - Vue.js 的通用选择/多选/标记组件。
- stf-vue-select - 最灵活和自定义的选择 Vue2
- vue-select-image - 用于从列表中选择图像的 Vue 2 组件
- @riophae/vue-treeselect - 一个支持 Vue.js 嵌套选项的多选组件。
- @k186/pd-select - 一个类似 IOS 选择器的 Vue 2.x 移动 UI 组件,可以轮选任何你定义的元素。
- vue-dropdowns - 如果使用 vue2.x 的对象,这是一种极简且适应性强的显示选择框的方式
- v-cascade - 一个可爱的 Vue 2.x 级联选择器组件(支持 PC 和移动端)
- vue-multi-select - 一个自定义组件,用于为 Vue2 进行选择/多选。
- v-region - 一个简单的区域选择器,提供中国行政区划数据。
- v-selectpage - 适用于 Vue2 的强大选择器,分页列表或表格视图,使用标签进行多项选择,支持 i18n 和服务器端资源。
- vue-cool-select - Bootstrap / Material Design 主题,支持插槽、自动完成、事件、验证等。
- @myena/advanced-select - 带搜索的单选/多选组件、用于(取消)全选的控件和 Bootstrap 3 主题
- @alfsnd/vue-bootstrap-select - bootstrap-select 的 Vue 版本。
- @SamuelTrottier/vue-wheel-select - 一个简单的滚动选择组件。
- vue-search-select - 可搜索的选择组件和 semantic-ui 的下拉列表兼容。
- vue-gridmultiselect - 简单的多选组件,项目显示在类似 UI 的表格中
- vue-select-sides - Vue.js 用于选择双面数据 (2-sides) 的组件。
- vue-selectize - 一个 Vue.js 组件包装器,用于包装 Selectize.js,这是一个原生 js 选择组件
- @vueform/multiselect - Vue 3 多选组件,具有单选、多选和标记选项。
- vue-country-code - Vue 2 国家代码选择
- vue-cool-box-selector - 适用于 Vue 2 和 3 的精美多功能框 / 按钮 / 图像选择器 🪄✨ ~1KB
- vue3-select-component - Vue 3 选择组件,单选和多选,一流的 DX 支持,TypeScript 端到端类型安全,易于样式化,插槽等 ~4.4KB
滑块
- vue-slider-component - 适用于 vue1.x 和 vue2.x 的滑块。
- vue-circle-slider - 适用于 vue2.x 的圆形滑块组件。
- vue-slide-bar - 非常简单的 vue 滑块条组件。
- textra - 用于滑动文本的 Vue js 插件。
- vue-knob-control - 适用于 Vue.js 的旋钮控件
- iv-slider - 适用于 vue2.x 的滑块组件。
- vue-histogram-slider - 带直方图的范围滑块,适用于 Vue.js
- xns-seek-bar - 适用于 Vue 2.x 的可搜索进度插件。
- @vueform/slider - 带多手柄、工具提示合并和格式化的 Vue 3 滑块组件。
拖放
- vuedraggable-plus - 允许拖放排序模块的 Vue 组件,支持 Vue>=v3 或 Vue>=2.7。基于 Sortable.js。
- vue-dragula - 拖放操作非常简单,甚至不需要任何操作。
- vue2-dragula - 为
Vue2
创建的vue-dragula
分支,具有许多改进。 - awe-dnd - 带有 Vue 的可排序列表指令。
- vue-draggable-resizable - 用于可拖动和可调整大小元素的 Vue2 组件。
- vddl - 用于使用 t 修改列表的 Vue 组件HTML5 拖放 API 支持 VueJs 版本 1 和 2。
- vue-drag-drop - HTML5 拖放 API 的极简轻量级包装器。
- vue-swing - 可滑动卡片界面,如 Jelly 和 Tinder 等应用中所示。
- vue-slicksort - 一组无依赖的混合,用于动画、触摸友好、可排序的列表
- draggable-vue-directive - 一个简单的指令,用于处理任何 Vue 组件的拖放。
- vue-smooth-dnd - smooth-dnd 库的 Vue 包装器。拖放、可排序库涵盖许多情况。
- vue-drag-resize - 一个无依赖的 Vue 组件,用于可拖动和可调整大小的元素,具有纵横比、反应性道具等
- vue-drag-it-dude - Vue2 组件,允许您将对象拖到任何您想要的位置。
- vue-draggable - Vue 拖放库没有任何依赖项。简单易用。
- vue-nestable - 一个以 vue 组件形式制作的简单拖放式分层列表。
- vue-tinder - 拥有自己的 Tinder 和 TanTan。
- vue-card-swipe - 适用于 vue.js 的触摸滑块,支持任意方向滑动切换卡片,兼容 PC 和手机。
- vue-drag-n-drop - 一个简单的看板,可以将项目从列表中拖放到看板上。
- vue-card-stack - 可堆叠、可滑动、可调整的 Vue 卡片组件。
- vue-drag-drop-snap - 一个无依赖的 Vue 组件,用于拖放和捕捉。
- vue3-dnd - React DnD 在 Composition API 中的实现,使用 Composition API 进行可排序和自由拖动,支持 Vue2、Vue3。
- sortablejs-vue3 - 一个 Vue 3 组件,充当 SortableJS 的薄包装器
- vue-fluid-dnd - 一个 Vue 3 拖放、可排序、无依赖库,具有炫酷的动画,使用 vue 可组合项的易于使用的 api。
自动完成
自动建议 / 自动完成 / 提前输入
- vue-instant - Vue instant 允许您轻松为 vue 2 应用程序创建带有自动建议的自定义搜索控件。
- v-autocomplete - Vue.js 的自动完成组件
- vue-auto-complete - Vue2 的自动完成。适用于对象或 API 调用。
- vue-autosuggest - WAI-ARIA 完整的自动建议组件,可完全自定义渲染和样式。
- v-autosuggest - 一个简单的模块化 Vuejs 组件,可自动建议来自动态或静态数据查询的输入。
- autocomplete - Vue.js 2 的简单自动完成组件。*
- vue-infinite-autocomplete - Vue.js 2 的 Vue infinite-autocomplete 包装器。*
- vue-simple-suggest - Vue.js 的简单但功能丰富的自动完成组件
- v-suggest - 用于输入内容建议的 Vue2 插件,支持键盘快速选择。
- vue-bootstrap-typeahead - 使用 Bootstrap 4 CSS 的 Vue2 的 typeahead/autocomplete 组件。
- vue-email-dropdown - 自定义电子邮件域的自动完成功能。
- vue-combo-blocks - 适用于 Vue 的小型、可访问、可自定义且“无渲染”的自动完成组件。
类型选择
让用户在输入时选择标签/内容
- vue-input-tag - Vue.js 2.0 输入标签组件。
- v-distpicker 灵活、高度可用的地区选择器,用于为 Vue.js 2.x 选择中国的省份、城市和地区。
- vue-img-inputer 适用于 Vue 2 的优雅、高度可定制的 img 类型输入
- vue-img-preview Vue 2 中的图像输入预览组件
- v-image 📷 用于输入 type=file 的微型组件(< 1kb,gzip 压缩)
- @voerro/vue-tagsinput 一个带有 typeahead/autocomplete 的简单标签输入 Vue.js 2 组件
- vue-tag-selector - 类似标签的输入。轻量、可定制并处理 REGEX 验证!
- vue-input-text-to-tags - 可以为结果显示创建标签的输入组件
颜色选择器
- vue-color - 适用于 Sketch、Photoshop、Chrome 等的 Vue 颜色选择器。
- vue-swatches - 帮助用户挑选漂亮的颜色!
- radial-color-picker - 极简主义的颜色选择器,注重尺寸、可访问性和性能。
- vue-color-picker-board - 专为人类设计的 Vue 颜色选择器组件!
- verte - 完整的 Vue.js 颜色选择器组件。
- vue-color-input – Vue 3 颜色选择器组件,其目标是替换
<input type="color">
- vuetify-color-field - Vuetify Color Field 是一个 Vuetify VTextField 颜色选择器组件
开关
开关/开/关切换/复选框
- vue-switches - 一个支持主题的 Vue.js 开/关切换组件。
- vue-js-toggle-button - Vue.js 2.0+ 切换/开关按钮 - 简单、漂亮、可自定义。
- vue-checkbox-radio - 一个 Vue 组件,可轻松设置复选框和单选按钮的样式。
- vue-enhanced-check - Vue 组件,用于重新设计/标记复选框/单选按钮,包括切换/开关按钮。
- pretty-checkbox-vue - 为 Vue.js 2.2+ 实现 pretty checkbox 3(一个用于美化复选框和单选按钮的纯 CSS 库) 组件。
- vue2-collapse - Vue Collapse 是一个灵活的内容切换插件,可用于手风琴列表或任何其他条件内容渲染。
- vue-badger-accordion - Vue.js 2.0+ 版 Badger Accordion 的包装组件
- vue-loading-checkbox - 具有加载状态的高度可定制 Vue.js 复选框 UI 组件
- vue-rocker-switch - Vue.js 的可定制摇杆开关组件。
- vue-toggle-btn - 高度可定制、易于使用的优雅切换/开关按钮组件
- vue-tristate-checkbox - 支持表单提交的循环三态复选框
- vue-toggles - 高度可定制且可访问的切换组件
- @vueform/toggle - 带有标签、自定义插槽和样式选项的 Vue 3 切换组件。
- vue-collapsed - Vue 3 CSS 高度从任意到自动的过渡,反之亦然。手风琴就绪。
屏蔽输入
vue-masked-input - Vue.js 的屏蔽输入组件。
vue-text-mask - React、Angular、Ember、Vue 和纯 JavaScript 的输入掩码。
vue-ip-input - 由 vuejs 实现的 ip 输入。
vue-numeric - 基于 Vue 显示货币值的输入字段组件。
awesome-mask - 基于纯粹而简单的 VanillaJS 实现的 Mask 指令
vue-autonumeric - 一个包装了超赞的 AutoNumeric 输入格式化程序库的 Vue.js 组件
vue-inputmask - Vue.js 指令,用于将 Robin Herbots 的 inputmask 库添加到您的输入中(原始 javascript)。
vue-input-number - Vue.js 2 的自定义输入数字组件。
v-unicode - Vue 指令,用于通过 unicode 值限制输入。
vue-cleave-component - cleave.js 的 Vue.js 组件
vue-ip - 带端口和 Material Design 支持的 IP 地址输入
vue-r-mask - 带模板的指令,类似 javascript 正则表达式。
vue-input-code - 基于 Vue.js 2.0+ 验证代码输入组件。
label-edit - 灵感来自 Trello。单击显示可编辑输入并返回值更改。这是一个 Vue 组件。
vue-jquery-mask - jQuery Mask Plugin 的 Vue.js v2.x 组件
vue-currency-input - 轻松输入 Vue.js 的货币格式数字。
vue-restricted-input - 基于 restricted-input 的 vue.js 输入掩码库
vue-input-facade - 专为 Vue 创建的轻量级、无依赖性输入掩码库,最初是著名的 vue-text-mask 的一个分支,但之后积极维护并进行了大量改进。
富文本编辑
- vue-mobiledoc-editor - Vuejs 的 mobiledoc 编辑器组件工具包。
- vue2-medium-editor - Vue 2 的 MediumEditor 组件。
- vue-froala-wysiwyg - Froala WYSIWIG HTML 编辑器的官方 VueJS 插件。
- vue-at - Vue 的 At.js。
- vue-wysiwyg 轻量、快速且可扩展的所见即所得编辑器
- vue-trumbowyg 用于 Trumbowyg 所见即所得编辑器的 Vue.js 组件
- vue-pell-editor 用于 Pell 所见即所得编辑器的 Vue.js 组件
- vue-tinymce-editor 用于 Vue2 的 Tinymce 编辑器组件。
- vue-mce - VueJS 的 tinymce 编辑器组件。
- Vue2-Editor - 使用 Vue.js 和 Quilljs 的 HTML 编辑器
- vue-codemirror - Vue2 的 Codemirror 组件。
- vue-easy-tinymce - 一个简单而强大的软件包,可在 Vue.js 项目中轻松使用 tinymce。
- vue-highlightable-input - 键入时突出显示和设置文本样式
- vue-trix - 适用于 Vue.js 的简单轻量级 Trix 富文本编辑器
- tiptap - 适用于 Vue.js 的无需渲染且可扩展的富文本编辑器
- toast-ui.vue-editor - TOAST UI Editor 的 Vue 包装器。
- ckeditor5-vue - 适用于 Vue.js 的官方 CKEditor 5 富文本编辑器组件。
- yimo-vue-editor - Vue2 的 wangEditor2 组件。
- vue-mathlive Vue.js 的 MathLive 数学编辑器 (mathfield)
- vue-editor-js 下一代块样式编辑器。适用于 Vue.js
- element-tiptap 一款使用 tiptap 和 Element UI 的 Vue.js 所见即所得富文本编辑器
- @mycure/vue-wysiwyg - 34Kb 轻量级所见即所得编辑器,无需第三方插件。
- ckeditor4-vue - 一款适用于 Vue.js 的官方 CKEditor 4 富文本编辑器组件。
- vue-quill - ✒️📝 一款基于 Quill Editor 的 Vue 3 富文本编辑器组件。
图像处理
编辑图像
- vue-core-image-upload - 一个用于裁剪和上传图像的 Vue 插件。
- vue-croppa - 一个简单直接、可自定义、轻量级、适合移动设备的 Vue 2.0 图像裁剪器。
- vue-cropper - 一个适用于 vue2.0 的图片剪辑插件
- toast-ui.vue-image-editor - TOAST UI 图像编辑器 的 Vue 包装器。
- vue-quick-cropper - Vue 移动头像上传裁剪插件,可选择裁剪区域并缩放。
- vue-croppie - 又一款图片裁剪器
- vue-slim-cropper - 💇 一款简洁优雅的 Vue 2.x 移动图片裁剪上传组件。
- vue-advanced-cropper - 一款高级裁剪器,让您有机会创建几乎任何您想要的裁剪器
- vue-anka-cropper - 图像裁剪器和上传器,矩形和圆形裁剪,可自定义 css
- vue-picture-cut - 图片裁剪器:缩放,翻转,旋转,边缘检查,矩形裁剪,椭圆裁剪
- vue-img-cutter - 一个用于图片裁剪工具的 vue 插件,使用非常方便。
- vue-picture-cropper - 一个简单易用的 Vue 3 图片裁剪组件。
- vue-polygon-cropper - 一个简单的组件,用于将图片裁剪成多边形。 演示
显示图像
- vue-cloudinary - 一个 vue (2.0) 插件,提供可重复使用的指令,用于从 Cloudinary (https://cloudinary.com) 获取图像,并进行动态操作(调整大小/裁剪/效果/水印/缩放/格式化)和优化(webp/png/自动质量/自动视网膜)。
- img-Vuer - 适用于 Vue2 的移动优先图像查看器/图库
- vue-image-loader - 类似 Medium 的 vue 加载器/渐进式图像插件。
- vue-load-image - 在图像加载期间显示加载器,以及在图像加载失败时显示替代内容。
- vue-image-painter - 🙋 Vue 2.x 的图像魔法动画绘制效果组件。
- vue-cosha - 🎨 一个易于使用的 vue 指令,可在任何图像后面放置彩色阴影
- vue-image-kit - 内置延迟加载和响应式图像的 Vue.js Image Kit 组件。
- vue-preview-imgs - Vue3 的图片预览插件
- awesome-image - Vue2 / Vue3 / Nuxt 的通用图像组件,支持 Lazyload / Responsive / Progressive / Auto-WebP / WebGL Filter / WebGL Transition。
- TwicPics - 组件使用开箱即用的延迟加载、CLS 优化和渐进式加载替换 img 和 video 标签,并启用媒体优化和操作。
视频操作
- vue-playlist - 轻量级 vue (2.0) 组件,无任何依赖项,可提供真正无缝的 html5 视频播放。使用 vanilla JS 实现无缝视频播放的唯一可行解决方案。它接收一系列视频并将它们拼接成单个视频。
文件上传
- vue-clip - 适用于 VueJs 的简单且可破解的文件上传器。支持 Vue >= 2.1。
- vue-simple-upload - 适用于 Vue.js 的简单文件上传组件。
- vue2-multi-uploader - 使用 Vue.js v2 和 Axios 的拖放式多文件上传器组件。上传器显示文件名、大小和添加的文件总大小。它还允许设置要上传的最小文件数量。
- vue-dropzone - Dropzone.js 的一个 Vue.js (vue2) 组件 - 一个带有图像预览的拖放文件上传实用程序。
- vue-transmit - 一个基于 Dropzone.js 的纯 Vue.js 拖放上传器组件,适用于 Vue 2.0
- vue-upload-component - Vue 上传组件,多文件上传,上传目录,拖动上传,拖动目录。支持 Vue >= 2.0
- vue-uploader - 由 simple-uploader.js 提供支持的 Vue.js 上传组件
- ic-firebase-uploader - 用于 Firebase 存储的简洁多文件上传组件。
- vuejs-uploader - 用于大文件上传的可恢复分段文件上传器。
- vue-filepond - FilePond 的 Vue.js 组件 - FilePond 是一个文件上传库,可以上传您交给它的任何内容。
- v-uploader - 一个 Vue2 插件,可让文件上传更简单、更轻松,您可以拖动文件或在对话框中选择要上传的文件
- vue-file-agent - 功能齐全的拖放式 Vue 文件上传组件,具有预览和上传进度
- vue-cloudinary-uploader - 适用于 VueJs 的 cloudinary 图像裁剪器和上传器组件
- vue-dropify - 适用于 Vuejs 的简单图像拖放区组件
- vue-file-upload - 一个文件管理系统,允许使用预览功能上传单个和多个文件
上下文菜单
- vue-context-menuaimone/vue-context-menu) - 适用于 vue js 的上下文菜单组件。
- vue-lil-context-menu - 适用于 Vue 的灵活 lil 上下文菜单组件。
- vue-mouse-menu - 适用于 vue 2.6+ 的弹出菜单,支持移动设备。
- vue-context - 适用于 vue js 的简单但灵活的上下文菜单。
- vue-simple-context-menu - 为 Vue 构建的简单上下文菜单组件。左键和右键单击均可正常工作。
- vue-context-menu-popup - Vue 2 的上下文菜单弹出窗口。右键单击即可使用,也可以通过编程触发。
- @kiyoaki_w/vue-context - 为 Vue2 构建的可自定义上下文菜单组件,支持 fontawesome 图标。
- @overcoder/vue-context-menu - 最小上下文菜单
杂项
- vue-gmaps - 使用 Google Maps API 搜索地点和地址。
- vuep - 一个用于渲染 Vue 组件的组件,带有实时编辑器和预览。
- vue-places - Places 组件基于 Vue 2.x 的 places.js。将任何输入转换为地址自动完成。
- vue-password-strength-meter - 基于 vue.js 中的 zxcvbn 的密码强度计。
- vue-float-label - Vue.js 的浮动标签模式。
- vue-longpress - 一个 VueJS (2.x) 按钮组件,需要您按住以确认给定的操作。
- vue-google-autocomplete - 适用于 Google Maps Places API 的 Vue.js (2.x) 自动建议组件。
- vue-default-value - Vue.js 2.x 指令用于为可编辑元素设置默认值,且不影响模型状态
- vue-model-autoset - 一个 Vue.js 插件,用于解决 Vue 使用 v-model 指令观察动态添加属性的限制
- vue-submit - 只需不到 90 行代码即可简单实现 Ladda (1、2),且无任何依赖项。
- vue-rate - Vue 的评分组件
- vuetify-google-autocomplete - 适用于 Google Maps Places API 的 Vuetify 就绪 Vue.js (2.x) 自动建议组件。
- vue-ripple-directive - Material 涟漪效果作为 Vue 指令。
- vue-fab - Vue 浮动操作按钮。
- vue-complexify - 来自 jquery.complexify.js 的 Vuejs 移植库。
- vue-mc - Vue.js 的模型和集合
- vue-stars - 高度可定制的评级控制(使用星星或其他字符)
- vue-confirmation-button - 可定制的确认按钮,要求用户在执行操作之前阅读消息
- vue-poll - 用于投票的 Vue.js 组件
- vue-diagrams - vue.js 的图表组件,灵感来自 react-diagrams
- vue-easy-polls - Vue.js用于创建民意调查、投票和显示结果的组件。它易于实现且易于定制。
- vue-m-button - 适用于 vue 的精美按钮组件。
- vue-long-click - 适用于 vue 的长按(长按)指令库,支持移动和桌面。
- vue-ui-predicate - 规则编辑器、通用过滤 UI、适用于 Vue JS 的谓词组件。
- vue-mobile-detection - Vue.js 原型函数
this.$isMobile()
,根据用户是否使用移动设备浏览返回布尔值。 - vue-input-contenteditable - 一个用于
contenteditable
的 Vue 组件包装器,具有您通常期望的所有功能。 不受input[type='text']
的限制,可以进行漂亮的输入。 - @utlime/vue-zoom - 一个 Vue 缩放组件。
- vue-credit-card - 一个用于信用卡输入、屏蔽和预览的 Vue 组件
- vue-simple-password-meter - 轻量级密码强度计,无依赖性
- vue-autosizer - 内置
<textarea>
和<input>
元素的轻量级替代品,允许它们自动拉伸以适应内容。 - vue-interactive-paycard - 具有流畅和甜蜜的微交互的梦幻信用卡表格。
- vue-paycard - 使用 Vue.js 制作的信用卡组件。
- vue-list-picker - 只是使用 Vue.js 制作的简单列表选择器组件。
- vue-diagram-editor - 高度可定制的图表编辑器,带有基于插槽的节点 (vue^2.6)
- v-use-places-autocomplete - 📍 Vue 可与 Google Maps Places Autocomplete 组合。
- vuetify-inline-fields - Vuetify 内联字段组件库提供了全面的可重复使用 UI 组件集合,可在您的应用程序中创建优雅高效的内联表单字段。
向导
- vue-form-wizard - 基于选项卡的组件,可替代经典的 bootstrap 和 jQuery 表单向导
- vue-stepper - 一个简单的步进器,具有简单的操作,例如下一步、后退和结束,可执行简单的表单。
- vue-stepper-component - 完全可定制的步进器组件,支持 Vuex 且零依赖项。
- vue3-form-wizard - Vue3-form-wizard 是一个基于 vue 的组件,没有外部依赖项,可简化选项卡向导管理。
CSV
- vuecsv - 一个简单的 CSV 下载器,来自 json,带有可选的模式面板组件。
评论系统
- vue-comment-grid - 💬 响应式 Vue.js 评论系统插件,使用 CSS Grid 和 Firebase REST API + 身份验证构建。
- fastcomments-vue - 💬 FastComments 的 Vue 组件,一个实时评论系统。
画布
- vue-easeljs - 对 HTML5 画布元素进行数据驱动控制。
- vue-canvas-effect - 一个简单的 Vue.js 画布效果集合。
- vue-konva - Vue & Canvas - 使用 Vue 绘制复杂画布图形的 JavaScript 库。
- vue-html2canvas - Vue mixin 用于捕获 html 并使用 Html2Canvas 将其转换为图像。
- vue-canvas-nest - 用于 canvas-nest 的 Vue.js 组件。
- vue-signature-pad - 🖋 Vue 签名板组件
- vg-editor - 基于 G6 和 Vue 的可视化图形编辑器,灵感来自 GGEditor
- vue-pencil.js - 在您的 Vue 项目中构建响应式 2D 图形场景。
- vue-scratchable - 一个 Vue.js 包装器组件,可将所有内容变成有趣的刮刮卡。
- vue-rough - Rough.js 的组件,这是一个图形库,可让您以粗略的手绘风格进行绘图。
- vue3-signature - Vue 3 的电子签名组件
- vue-signature - Vue2.x 的电子签名组件
- v-perfect-signature - Vue 2 和 3 的压感签名绘图。
- vue-drawing-grid - 一个简单的绘图网格,可让您使用 HTML5 画布创建像素艺术。
链接预览
- link-prevue - 用于生成链接预览的灵活组件。
游览
- vue-tour - 轻量级且可自定义的游览插件
- vue-page-guide - 带指令的页面游览/指南插件
- vue-stage-play - Vue3 的分步导览组件。
数据屏蔽
- vue2-text-annotation - 用于文本注释和手动数据屏蔽的 [Vue 2.x] 组件
身份验证
- vue-auth-ui - 用于用户身份验证的预构建组件集
UI 实用程序
事件处理
处理用户事件(滚动、点击、键盘敲击等)
- vue-shortkey - Vue-ShortKey - Vue.js 插件。
- vue-throttle-event - 根据 requestAnimationFrame 限制事件。
- vue-waypoint - Vue 的 Waypoint 组件,这是滚动时触发函数的最简单方法。
- vue-clickaway - 可重复使用的 Vue.js 组件的可重复使用的 clickaway 指令。
- vue-scrollfire - 在特定滚动位置触发事件。
- vue-resize-directive - Vue 指令,用于检测具有去抖动和节流功能的调整大小事件。
- v-click-outside - Vue 指令,用于在不停止事件传播的情况下对元素外部的点击做出反应。
- vue-outside-events - Vue 2.x 指令,用于帮助指定元素监听其自身之外发生的特定事件。
- vue-selectable - Vue 1.x/2.x 指令,用于使项目可通过鼠标选择。
- vue-click-helper - Vue2.x 指令用于处理同一元素上的单击事件和双击事件。
- v-hotkey - Vue 2.x 指令用于将热键绑定到组件。
- vue-resize - Vue 2.x 组件用于检测 DOM 元素的大小调整(基于事件/无 window.onresize)
- vue-observe-visibility - Vue 2.x 指令使用 Intersection Observer API 来检测元素是否可见(在视口中且未被 CSS 隐藏)。
- v-dragged - 用于检测拖动事件的 Vue 2.x 指令插件。
- vue-esc - 用于在退出键按下时添加文档事件监听器的 Vue.js 指令。
- vue-global-events – 使用 Vue 的事件修饰符处理全局事件(如快捷方式)的组件
- vue-edge-check – 检查浏览器边缘,以防止在使用
vue-router
滑动边缘时触发奇怪的过渡效果 - vue-mutation-observer – 使用 MutationObserver API 观察 DOM 变化的简单微小指令
- vue-scroll-show – 如果用户在滚动后到达该元素,则显示该元素
- vue-tabevents – 与其他打开的元素轻松通信标签
- vue-visibility-trigger - 👀 滚动到视图时以声明方式触发方法
- v-click-outside-x - Vue V2 指令,用于对元素外部的点击、触摸、指针或多个事件做出反应。
- vue-keypress - Vue.js 应用程序的全局按键事件处理程序组件。
- vue-pseudo-window - 👻 组件,用于在 Vue 模板中以声明方式与窗口/文档交互
- v-on-page-video - Vue.js 指令,用于在可见性更改时更改视频元素的状态
- vue3-click-outside - Vue 3 指令,用于在单击绑定元素外部时运行方法
- vue-exit-intent - ✨ Vue Composable 用于处理用户的退出意图。
响应式设计
- vue-viewports - 定义您的自定义视口并在您的组件中使用它们。
- vue-responsive:Vue.js(2.x) 指令,使用 Bootstrap 4、3 或自定义断点隐藏/显示 HTML 元素。
- vue-match-media - 与 Vue 2.x 兼容的插件,提供一致的语义方法,使组件能够感知媒体查询。
- vue-media-query-mixin - Vue 2 媒体查询 mixin,可用于组件 js 和组件模板。与 bootstrap 和 vuetify 视口兼容。如果屏幕宽度为 xs,则
wXS
返回;如果屏幕宽度为 sm,则wSM
返回 true,等等... - vue-breakpoints - Vue 2 最小组件,用于根据断点显示和隐藏元素。灵感来自 Airbnb。
- vue-mq - 提供一些有用的工具,使用语义和移动优先 API(Vue 2.x)快速设置响应式设计
- VueResizeSensor - 支持调整大小事件的容器。
- vue-breakpoint-component - 一个无需渲染的组件,用于 组合 CSS 断点状态。
- fine-mq - 一个优秀的 API,可轻松管理 JS 中的媒体查询,并作为插件与 VueJS 进行一流的集成。
- vue-responsive-components - 使用
ResizeObserver
创建响应式组件。 - vue-screen-size - 轻松、响应式地访问屏幕的宽度和高度。
- vue-container-query-2 - 用于处理 css 容器查询的智能 vue 插件。
- vue-component-media-queries - Vue 的 MatchMedia 组件库。
表单
- vue-formly - 基于 JavaScript 的 Vue.js 表单。
- vue-focus - 可重复使用的 Vue.js 组件的可重复使用的焦点指令。
- vue-form-generator - 基于架构的 Vue.js 表单生成器组件。
- FormSchema Native - 使用 JSON Schema 和 Vue.js 生成表单
- ic-formly - 由 vue-formly 提供支持的简单表单组件。
- Form Builder - 基于 Json 模板的表单生成器,基于 Vue 和 Laravel。
- vue-autofocus-directive - Vue 自动对焦指令。
- vue-awesome-form - 类似 json-editor 的 vue.js 组件
- vue-form-components - 简洁、精简且带验证功能的 vue 表单元素
- v-ajax-form - vue.js 组件插件,可使 Form 标签与 ajax 请求兼容
- Vue Formulate - 使用 Vue 构建表单的最简单方法。验证、错误处理、表单生成、全面的文档等等。
- Reforms.js - Vue 3 和 Bootstrap 表单和卡片生成器。验证、多个字段、分组、架构等等。
- FormKit - Vue 3 表单开发。速度提高 10 倍。表单输入、验证、提交、错误处理、生成、可访问性、主题等。
- vrf - 基于声明式可扩展 UI 无关标记的 Vue 表单。
- tracked-instance - 构建大型表单并跟踪所有更改。
验证
- vee-validate - 简单的 Vue.js 输入验证插件。
- vue-rawmodel - Vue.js v2 的 RawModel.js 插件。表单验证从未如此简单。
- vuelidate - 简单、轻量级的基于模型的 Vue.js 验证。
- simple-vue-validator - 简单而灵活的 vue.js 验证器库。
- vue-vform - 集成 jQuery Validation 和 Axios 的 Vue.js 2 表单组件。
- vue-form - 全面的 Vue.js 表单验证。
- vuelidation - 简单、强大的 vuejs 验证。
- laravel-vue-validator - 显示来自 laravel 验证规则的错误
- vue-daval - 超级 vue 数据验证器。轻松、简单、准确。
- willvalidate - Vue.js 的验证表单。
- vue-isyourpasswordsafe - 用 Vue 编写的一个小实用程序,用于检查给定的密码是否已根据 Have I Been Pwned API 泄露。
- vue-form-send - 一个用于从表单发送数据和原始验证的 Vue.js 指令
- FormVuelar - 考虑到服务器端验证的 Vue 表单组件
- vue-final-validate - 根据我的开发经验提供的 Vue 验证解决方案,支持嵌套、异步。
- vform - 一种在 Vue 中处理 Laravel 后端验证的简单方法。
- vue-form-container - 一个封装表单并处理其状态和验证的
Provider Component
。 - ps-validation - 一个提供开箱即用数据验证规则的 Vue 插件,深受 Laravel 验证系统的启发。
- vue-laravel-errors - 一个 Vue.JS 插件,它添加了一个全局 mixin,可用于从 laravel 错误响应中填充错误变量并将其显示为对象或数组,也可以用作本地 mixin。
- vue-input-validator - 🛡️ 高度可扩展和可定制的 Vue 2 输入验证器
- @vuito/vue - 简单、轻量、同构和基于模板的验证库。
- vue-tiny-validate - Tiny (最小化 2.5KB) Vue Validate Composition。
- vest - 🦺 受单元测试启发的声明式表单验证框架。
- VFM - Vue 驱动的表单管理工具。
- vorms - 使用 Composition API 进行 Vue 表单验证。
调整大小
- vue-not-visible - Vue 指令用于从屏幕上小于断点的 dom(如 v-if)元素中删除。
- vue-window-size - 提供响应式窗口大小属性。
- vue-responsive-text - ↔ 组件,根据父节点的宽度缩放子节点
- v-hide - v-hide 指令与 v-if 和 v-show 配合使用。在 DOM 中保留布局空间
滚动
设置窗口滚动位置
- vue-chat-scroll - Vue.js 2.0 的自动滚动到底部指令。
- vue-scrollto - 添加一个指令,用于监听点击事件并滚动到元素。
- vue-next-level-scroll - 一种基于组件且支持 SSR 的方法,使用现代滚动行为 API 实现平滑滚动
- vue-scroll-sync - 同步容器滚动位置的组件
- v-scroll-lock - 一个 Vue.js 指令,用于锁定主体滚动,而不会中断目标元素的滚动
- vue2-perfect-scrollbar - PerfectScrollbar 简约包装器
- vue-scroll-to - 添加一个指令,用于监听点击事件并滚动到元素。
- vue-scroll-progressbar - 一个可自定义的组件,用于指示进度条中的滚动相对位置。
- vue-backtotop - Vue.js 的返回顶部组件,单击后将页面滚动到顶部。
虚拟滚动条
- VBar - Vue.js 2x 的虚拟响应式跨浏览器滚动条组件。
- Vuebar - Vue 2 指令,用于使用本机滚动行为的自定义滚动条。轻量级、高性能、可自定义且无依赖项。
- vue-detached-scrollbar - 一个简单的滚动条,可以与滚动的容器分离。
- vuescroll - 基于 Vue.js 的滚动插件,用于统一 PC 和移动设备上的滚动。
- vue-simplebar - simplebar 插件的 Vue.js 包装器。
- smooth-vuebar - Vue 指令包装器,用于 smooth-scrollbar
检测组件何时进入视口
- vue-scrollview - 一个利用作用域插槽来检测 vue 组件何时进入和离开视口的组件。
- vue-scrollactive - 根据视口中的当前部分在菜单项中添加活动类,并在单击菜单项时滚动到该部分。
- vue-intersect - 一个 Vue 组件,用于将交集观察器添加到 Vue 组件或 HTML 元素。
- vue-scrollmonitor - 一个 Vue 插件,用于观察视口内元素的可见性状态,支持多种浏览器(使用 provide/inject 兼容 [email protected])
- vue-stroll - 一个适用于 Vue.js 2.x 的超棒 CSS3 列表滚动效果组件。
- navscroll-js - 滚动时突出显示菜单项,单击菜单项时滚动到某个部分。用作 vue 组件、vue 指令或与 vanilla js 一起使用。
- vue-scrollwatch - 一个检测滚动事件的轻量级插件,当元素进入视口时自定义回调,公开 'scrollTo' api 以滚动到特定元素。使用 vue 指令。
- vue-check-view- 一个检查元素是否在视口中的插件。快速、小巧、无依赖项、现场演示。
- vue-stickto - 一个支持多个 DOM 节点自动贴到顶部的 vue 指令
- vue2-scrollspy - 一个 scrollspy 插件和动画滚动到。
- vue-trip-wire - 当元素到达视口中的指定点时触发函数的自定义指令,可选择导入具有全局可访问函数的模块。
- v-intersect - 一个 Vue 指令和组件,用于检测元素在视口上是可见还是隐藏
- vue-scrollama - 一个 Vue 组件,用于轻松设置滚动驱动交互(又名 scrollytelling)。
- vue-use-active-scroll - 突出显示 Vue 3 菜单/侧边栏链接,不做任何妥协。
自定义滚动行为
- vue-scroll-behavior - 自定义路线导航的滚动行为。尤其是哈希模式。
- vue-scroll-stop - 到达边缘时停止传播滚动。
无缝滚动
- vue-seamless-scroll - Vue.js 的简单无缝滚动。
路由
- vue-router - Vue.js 的官方路由器。
- vue-router-storage - Vue.js 2 和 vue-router 2 的路由器存储和解析解决方案
- vue-tidyroutes - 分散式 vue-router 路由定义
- vue-routisan - 受 Laravel 启发,为 Vue Router 提供优雅、流畅的路由定义。
- vue-error-page - 为 router-view 提供一个包装器,允许您在不更改 URL 的情况下显示错误页面
- vue-router-sitemap - 通过 vue-router 配置生成 sitemap.xml
- vue-smart-route - 智能路由指令,可使用 Vue.js 制作智能外观应用程序。
- vue-router-lite - 基于组件的 Vue.js 2 声明式路由器。
- vue-route-props - 自动将 vue-router 查询绑定到 vm,API 大部分与 Vue props 相同。
- vue-pilot - 基于 Trie 的 vue 路由器,具有管理 history.state 的能力。
- vue-lang-router - Vue.js 2 和 3 语言路由,带有(可选)URL 本地化。
- vue-router-compositions - Vue-Router 和 Vue Composition API 的实用程序包。
- vue-middleware - Vue 的中间件。
- vue-router-webcache - 在 google/yandex/etc webcache 中启用 spa 路由。
- v-route-generate - 用于为 vue-router 4.x 生成路由的工具。
- kitbag/router - 适用于 vuejs 的类型安全路由器
- unplugin-vue-router - 适用于 Vue Router 的下一代基于文件的类型化路由。
延迟加载
- vue-lazyload - 适用于应用程序中延迟加载图像或组件的 Vue.js 插件。
- vue-lazy-background-images - 适用于 Vue 2 的延迟加载背景图像。
- vue-progressive-image - Vue 渐进式图像加载插件。
- vue-l-lazyload - 适用于 Vue.js v2.x+ 的延迟加载插件。
- vue-lazyload-img - 特别针对移动浏览器进行了优化。支持 V2 和 v1。
- vue-lazy-images - 适用于 Vue 2.x 的延迟加载图像插件。
- vue-clazy-load - 使用 Vue 2 的 IntersecionObserver 的轻量级可转换图像延迟加载组件。
- vue-lazy-this - 使用 Intersection Observer API 的延迟加载组件。
- v2-lazy-list - 基于 Vue 2.x 的简单延迟加载列表组件
- pimg - 用于延迟加载图像的简单渐进式图像组件。
- vue-tiny-lazyload-img - 一个小尺寸的 Vue.js v.2+ 指令,用于延迟加载图像
- vue-lazy-youtube-video - 一个简单的 Vue.js 组件,用于延迟加载 YouTube 视频。
- lazyload-vue- 用于 vanilla-lazyload 的 Vue 插件。
- vue-lazy-loading - 一个 vue 插件,可以更好地支持图像和 iframe 的原生延迟加载。
- v-lazy-component - Vue 组件在可见时呈现。使用 Intersection Observer API。
- vue-lazy - 基于 Intersection API 的轻量级图像/图片延迟加载
- vue3-lazyload - 用于在 vue 3 应用程序中延迟加载图像的 Vue 模块。
分页
- vue-paginate - 一个简单的 vue.js 插件,用于对数据进行分页。
- vue-pagination-2 - Vue.js 2 分页组件。
- vuejs-uib-pagination - 适用于 Vue.js 的最佳和完整分页插件。灵感来自 Angular Bootstrap Pagination。
- vuejs-paginate - 用于创建分页的 Vue.js(v2.x+) 组件。
- vue-pagination-bootstrap - 一个基于 Bootstrap 模板的 Vue.js (1.x & 2.x) 服务器端分页组件
- laravel-vue-semantic-ui-pagination - 一个与 Laravel & Semantic-UI 一起使用的 Vue.js 2.x 分页。
- vue-paginate-al - Vue 分页并返回您的数据。
- vue-tiny-pagination - 一个用于创建小分页的 Vue 组件。
- laravel-vue-pagination - 适用于 Laravel 分页器的 Vue.js 分页组件,可与 Bootstrap 配合使用。
- vue-lpage - 低级 Vue 分页组件。
- v-page - 一个简单的分页栏,包括长度菜单、i18n 支持,基于 Vue2.x。
- vue-smart-pagination - 具有许多良好设置的智能分页功能。
- vue-paginatron - 使用 scoped-slot props 构建的分页组件,可实现最大的灵活性。
- vue-ads-pagination - 使用 css 框架
tailwindcss
构建的 vue 分页组件 - v-pagy - 适用于 Vue 的轻量级且可自定义的 Bootstrap 分页。
- v-paginator - 基于 html 模板的 Vue.js 简单逐页导航,支持 ssr。
- vue-use-paginator - Vue 3 use-hook 用于响应式分页数据和排列分页器按钮。完全无需渲染。
- vueginate - Vue 3 的简单分页组件
动画
- vue-animate - Animate.css 的 Vue.js 端口。用于 Vue 的内置过渡。
- animated-vue - Vue.js 2.x 插件,可轻松使用 Animate.css 动画作为过渡。就像
<animated-tada>
一样简单! - vue-lottie - 一个基于 bodymovin 渲染 after effects 动画的 Vue.js 2.x 插件
- Vueg - 使 vue-router 具有过渡效果 / 为 webApp 提供转场特效的开源 Vue 插件
- v-animate-css - 最容易实现 Animate.css 的 Vue 2 指令
- vue-mixin-tween - Mixin 工厂,将补间值添加到动画的组件上下文中
- v-odometer - 轻松平滑地过渡数字。使用此库为您的应用程序提供流畅的动画,仅适用于数字。
- vue2-transitions ✨ 可重复使用的 Vue 2 过渡组件
- vue-overdrive 适用于 Vue 应用程序的超级简单的魔法移动过渡 🎩
- animated-number-vue 为数字制作动画的超级简单方法。
- vue-typed-js Typed.js 集成可轻松创建输入动画。
- vue-parent-change-transition 使子组件在更改父组件时进行动画处理。
- vue-smooth-reflow 响应数据变化转换元素重排。
- VueTween 允许组件对其属性进行补间。
- vue-slide-up-down类似于 jQuery 的
slideUp
/slideDown
,但适用于 Vue! - vue-animejs 适用于 Vue 的简单
anime.js
指令。 - Eagle.js Eagle.js 是一个基于 Web 的 Vue.js 幻灯片框架。
- vue-slide-up-down-component 这是一个简单的界面,但实现了非常灵活和强大的幻灯片动画,适用于 Vue!
- femtoTween 一个极简(零依赖,小于 1k)补间库,具有一流的 Vue 支持
- vue-sequential-entrance 插件,用于使用页面元素列表创建优雅的顺序动画入口。零努力。简单轻量
- vue-animate-scroll 超轻量级方式,在元素滚动到视图时向其添加 CSS 动画。
- vue-svg-transition 创建 2 状态、SVG 驱动的转换
- vue-page-transition 适用于 Vue.js 的简单路由/页面转换
- Vuenime Animejs 的灵活 Vue 包装器
- vue-flipper - 一个用于翻转子元素并具有良好转换效果的组件。
- v-number Vue.js 的动画数字转换库
- vue-kinesis 一组用于创建交互式动画的组件
- vue-digital-transform 用于更好的数字变换动画的 vue 组件
- vue-typical 🐡 Vue 动画输入大约需要 400 字节的 JavaScript。
- vue3-lottie 用于在 Vue 3 中导入和显示 Lottie 动画的组件
- @morev/vue-transitions 无需 CSS 的 Vue 2 和 3 过渡库
- @formkit/auto-animate 仅需一行代码即可为您的应用添加动画
- vue-contextual-transition 跨浏览器轻松过渡,具有共享元素和/或顺序的页面
- blottie Vue 3 的 Lottie 组件
- vue-countup-v3 一个用于动画计数的 Vue 3 组件。
- vue-starport 🛰 带动画的跨路由共享组件
元标签
管理文档头部的元信息
- vue-head - 管理头部标签的元信息,简单易行。
- vue-meta - 管理 Vue 2.0 组件中的页面元信息。支持 SSR + Streaming。
- vue-headful - 在视图中设置文档
<title>
和元标签。 - vue-simple-headful - 使用 vue.js 轻松设置元标记 - 更简单的
vue-headful
替代方案,支持 TypeScript。
过滤器
- vue2-filters - 适用于 Vue 2._ 的 Vue 1._ 标准过滤器集合。
- vue-morphling - 适用于 Vue 2 的标准和自定义过滤器集合。
- vue-currency-filter - 轻量级且可定制的 Vue 2 货币过滤器。
- vue-trans - 一个简单的过滤器,提供与 Symfony 翻译类似的翻译方式。
- vue-string-filter - 轻量级 Vue 2 字符串操作过滤器。
- vue-units - 一组方便在 Vue 2 中使用的单位转换过滤器。
- vue-numeral-filter - 一组允许在组件的模板部分内联使用 Numeral.js 的过滤器。
- vue-filter-date-format - Vue 2 的简单日期时间过滤器。
- vue-filter-pluralize - Vue 2 的简单复数过滤器。
- vue-filter-date-parse - Vue 2 的简单解析日期时间过滤器。
SVG
- vue-svgicon - 创建 svg 图标组件的工具。(vue 2.x)。
- vue-content-loading - Vue 组件,可轻松构建(或使用预设)Facebook 点赞的 SVG 加载卡。
- vue-annotator - 使用任何 SVG 元素(
rect
、polygon
等,甚至 HT)注释页面如果包裹在foreignObject
中,则 ML 元素(如canvas
)) - vue-svg-sprite - 一个插件、组件或指令,用于简单使用 SVG sprite(vue 3.x、vue 2.x)。
- vue-svg-filler - 用于自定义 svg 文件的 Vue 组件 🖍 🎨(vue 2.x)。
- vue-inline-svg - Vue 组件动态加载 SVG 源并内联
<svg>
,以便您可以使用 CSS 或 JS 操纵它的样式。 (vue 2.x, vue 3.x)
杂项
- vue-resource-progressbar-interceptor - 将进度条与所有请求绑定的拦截器,可以清楚地看到正在加载的内容。
- vue-images-loaded - Vue.js 2.0 指令,用于检测图像加载。
- vue-visible - VueJS (2.x) 的 v-visible 指令,类似于 v-show,但用于提高可见性。
- vue-resize-sensor - 用于检测容器大小调整的组件(基于事件)
- v-blur - 用于动态模糊元素的 Vue 指令
- vue-async-methods - 用于基于承诺的方法的辅助实用程序
- vue-openseadragon - Vue.js 的 OpenSeaDragon 组件(缩放和平移)
- vue-match-heights - 用于将元素的高度设置为相同的指令。
- vue-conditional-attrs - 用于条件渲染属性和指令的 Vue.js 组件
- vue-cbsc - 用于以编程方式混合、着色和转换颜色的 Vue.js 2.x 组件。
- vue-spatialnavigation - 用于空间导航(键盘导航)的 Vue 指令(Vue.js 2.x)
- vue-lifecycle - Vue.js 生命周期指令。
- v-aspect-ratio - 用于设置纵横比的 Vue.js 指令。
- @kooljay82/vue-m-camera - 避免自动更改通过用户设备相机拍摄的照片的方向。
- v-ripple-directive - 用于涟漪效果的 Vue.js 指令。
- vue-material-design-ripple - 向任何元素添加材料设计涟漪。使用您想要的任何涟漪颜色。没有性能问题。适合移动设备。没有依赖项。它就是有效。
- v-github-icon - 轻松在 Vue 组件/库演示的右/左角添加“那个”微小的 GitHub 图标 🤙
- vue-styled-shadows - 基于组件的图像样式阴影图案。
- v-visible - 用于设置元素可见性的 Vue.js 指令。
- vue-web-otp - Vue.js 组件,与浏览器的 WebOTP API 配合使用,通过 SMS 接收 OTP
- v-privacy - Vue3 插件,允许通过模糊 HTML 元素的内容来管理其隐私
WebGL
- vue-3d-model - Vue 组件中的 3D 模型查看器。
- vue-pano - Vue 组件中的全景查看器。
- vue-threejs - Three.js 的 Vue 绑定。
- VueGL - Vue.js 组件,通过 three.js 以响应方式渲染 3D 图形
- vue-vr - 使用 Vue 构建 VR 应用程序的框架 基于 threejs 和 Panolens,灵感来自 react-vr
- vue-displacement-slideshow - 一个 Vue.js 组件,可让 Webgl 图像位移转换更加容易。
- vue-fake3d-image-effect - 一种用于 WebGL 中深度图的交互式 3D 图像假效果。
- drie - 受 react-three-fiber 启发的 three.js 的 Vue 3 组件库。
- TresJs - 使用 Vue 组件的声明式 ThreeJS
- Cientos - 收集有用的帮助程序和功能齐全、现成的 TresJs 抽象
- trois - ✨ ThreeJS + VueJS 3 + ViteJS ⚡
全屏
- vue-fullscreen - 一个简单的全屏 Vue 组件,支持 Vue2 和 Vue3。
页面可见性
- vue-page-visibility-awesome - 易于配置的页面可见性 API 的 Vue 2.x 组件。
- vue-authplugin - 优雅的视图身份验证控制插件,支持指令和原型方法。
打印
- vue-html-to-paper - Vue mixin 用于将 html 元素打印到纸张上。
- vue-to-print - 在浏览器中打印 Vue 3 组件。支持 Chrome、Safari、Firefox 和 EDGE。
实用程序
与 UI 不直接相关的实用程序
- vue-underscore - 用于实现下划线的简单 vue 插件
- vue-lazy-calc - 一个使用惰性 && 链式方法的强类型简单计算插件。
- vue-loadable - 一个使用非常简单的方法、装饰器和助手来改进加载状态控制的插件。
- vueuse - 适用于 Vue 2.x 和 3.x 的基本 Vue Composition API 实用程序集合。
- vue-composable - Vue Composition-API 可组合组件。 i18n、验证、分页、获取等 +30 个可变可组合函数。
- vue-condition-watcher - 🕶 Vue Composition API,用于在条件发生变化时自动获取数据。
- vue-use - 使用神奇的 Vue Composition API 提供大量可重用逻辑,例如表单、表格和加载等。
- 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 - 在组件之间共享使用 Composition API 创建的状态,类似于 React Hooks 中的
useContext
- vuex-overlay-tools - 🛠 用于监控 Vuex 存储的 Vue 3 插件(还支持 time-travel)
- vuse-rx - 对 Vue 3 提供完整的一流 rxjs 支持
- vue-props-validation - 使用 Vue 原生语法提取对象和数组中嵌套验证的 Vue props 验证逻辑。
- vue-next-rx - 为 Vue.js 完成 RxJS 集成。(vue-rx 的更新)
- fontawesome-autogen - 自动检测并导入 Web 应用中使用的 fontawesome 图标。
- vue-macros - 探索并扩展更多宏和语法糖到 Vue。
- unplugin-vue-components - 📲 按需自动导入 Vue 组件。
- unplugin-auto-import - 按需自动导入 Vite、Webpack 和 Rollup 的 Vue API。
Typescript
- vue-typed - 一组 ECMAScript / Typescript 装饰器,可帮助您轻松编写 Vue 组件。
- vue-typescript - Typescript 装饰器,使 vue 更具 typescript 风格。
- vue-property-decorator - Vue.js 和 Property Decorator。
- vue-typescript-component - 装饰器,使用 TypeScript 类作为 Vue.js 2.0 组件。
- vue-typescript-import-dts - 允许将“import”与 .vue 文件结合使用的 TypeScript 声明文件。
- vue-ts-loader - 在 vue-loader 中对脚本进行类型检查。
- vue-mixin-decorator - 用于强类型 Mixins 的 Typescript 装饰器。
- vue-ts-component-generator - 用于生成 vue typescript 组件的简单 cli 工具。
- vue-local-storage-decorator - 使用装饰器格式的本地存储来持久化数据
- vuex-module-decorators - Typescript/ES7 装饰器让 Vuex 模块变得轻而易举
- vuex-class-modules - 受 vue-class-component 启发,为您的 vuex 模块引入一种简单的类型安全类样式语法。
- vue-corator - Vue typescript 装饰器实用程序
- vuedts - 为 .vue 文件生成 TypeScript 声明文件。
- @icare-jp/vue-props-type - 帮助定义 props 类型。
- vue-facing-decorator - Vue 3 typescript 类组件装饰器,类似 Vue 2 中的
vue-property-decorator
。