2018年度 35 个最好用 Vue 开源库
在本文中,我们将推荐一些非常好用的 Vue 相关的开源项目。无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包。对于开发者来说,如果没有这些开源软件包,很难想象我们的生活会变得多么疲惫不堪,而且靠咖啡度日也会成为家常便饭。所幸的是,随着 Vue.js 和 Nuxt.js 社区的不断壮大,每天都会出现一些很好的开源框架和包。
1.Vue Dark Mode
Vue.js 的一个极简主义的深色设计系统。它提供了基本组件,用于构建失眠者最喜欢的深色界面。
2.Vetur
VS Code 的 Vue 工具。如果你是 Vue.js 超级用户,必须尝试一下!
3.Vue VS Code Snippets
这些片段很棒,从我开始学习 Vue.js 时就一直在用它。
4.Bootstrap-Vue
提供了最全面的 Bootstrap V4 实现。
5.Vue Native
你是 React Native 的粉丝吗?就像 React Native 一样,Vue Native 框架允许你使用 JavaScript 来构建跨平台的原生移动应用程序。
6.NativeScript Vue
如果你更喜欢 NativeScript,这个包可以帮助你使用 NativeScript 和 Vue.js 构建原生移动应用程序。
7.Vue Content Placeholders
在获取真实内容时,可以使用这些可组合组件渲染虚假的渐进式内容。
8.Vue Autosuggest
一个很棒的 Vue.js 自动提示组件。
9.Vue Clipboard
一个简单的 Vue.js 包,允许用户将文本复制到基于clipboard.js的剪贴板。
10.Vue Clickaway
一种可重复使用的点击指令,可检测并响应元素外部的点击动作。当我们需要关闭模态窗口或隐藏下拉列表时会非常方便。
11.Vue Waypoint
Vue.js 的 v-waypoint 指令,用于在滚动时触发函数。当你想要在滚动时触发动画,它就可以派上用场。
12.Vue Virtual Scroller
用于 Vue.js 应用程序的快速无限制滚动。
13.Vue Slideout
Slideout.js 的 Vue.js 实现。
14.Vue Swing
它是Swing的 vue.js 包装器,一个卡片形式的界面(swipe-left 对应是,swipe-right 对应否)。
15.Vue Quill Editor
Vue.js 的 Quill 编辑器,支持 SPA 和 SSR。
16.Vue Stripe Checkout
用于 Stripe 结帐的 Vue.js 插件。
17.Vue Cleave Component
Cleave.js 的 Vue.js 组件,用于在输入时格式化输入内容(信用卡格式、日期等)。
18.Vuelidate
进行基于模型的验证,实现表单验证现在变得轻而易举。
19.Vue.js Datepicker
一个简单的 Vue.js 日期选择器组件。
20.Vue Moment
想要在 Vue.js 应用程序中使用 Moment.js?你需要这个包。
21.Vue Numeric
Vue.js 输入字段组件,用于显示格式化的货币值。
22.Vue Slider Component
这里面的 10 种滑块组件都使用 Vue.js 开发。
地址:nightcatsama.github.io/vue-slider-…
23.Vue.Draggable
Vue.js 组件,基于 Sortable.js 进行同步的拖放排序。
24.Vue Draggable Resizable
Vue.js 组件,用于可调整大小和可拖动的元素,没有外部依赖。
25.Vue Color
来自 Sketch、Photoshop、Chrom 的 Vue.js 颜色选择器。
26.Emoji Mart Vue
从 React 的 emoji-mart fork 出来的,用于 Vue.js 的 Slack 风格的可定制表情符号选择器组件。
27.Vue YouTube Embed
基于 Angular YouTube Embed,允许你使用 YouTube iframe API。
28.Vuetable-2
Vue.js 的数据表组件。
29.Vue Chartist
基于 Chartist.js 的响应式图表。
30.Vue Trend
最优雅的趋势图组件。
31.Epic Spinners
20 个易于使用的 css 调节器。
32.Vue Notification
用在 Vue.js 应用程序中的成功、警告和错误通知。可以放在右侧、左侧、底部、顶部或中间,任何你想要的位置!
33.Vue Popper
一个基于 popper.js 的 Vue.js 弹出窗口组件。
地址:robinck.github.io/vue-popper/
34.Vue Countup
基于 CountUp.js,可用于创建显示数字数据的动画。
35.Vue No SSR
用于包装对 SSR 不友好的组件。
Nuxt.js
Nuxt.js 是一个基于 Vue.js 构建的框架,帮助你轻松构建服务器端渲染的应用程序。
1.Create Nuxt App
在几秒钟内创建 Nuxt.js 项目的最简单方法。
2.Nuxt SAAS 资源加载器
每次创建新文件时不需要手动导入所有的 SASS 样式,而是让 SASS 资源加载负责这些工作。
3.Vue Dark Mode
这个库也是用 Nuxt.js 开发的。
4.Nuxt 的 PWA 模块
用于创建渐进式 Web 应用程序的最可靠、最稳定的模块。
5.Dotenv 模块
将.env 文件加载到 Nuxt.js 应用程序上下文中。
6.Nuxt.js 的 Senty 模块
Sentry.io 是一个开源的错误跟踪器,可以将 Sentry 添加到 Nuxt.js 应用程序中。
7. Nuxt.js 的 Google Analytics 模块
将你的 Google Analytics 帐户与 Nuxt 项目集成。
原文链接:力荐 35 个最好用的 Vue 开源库!
2018年度 35 个最好用 Vue 开源库的更多相关文章
- 35 个最好用 Vue 开源库
2018年度 35 个最好用 Vue 开源库 在本文中,我们将推荐一些非常好用的 Vue 相关的开源项目.无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包.对于开发者来说,如果没有这些开源软件包 ...
- 35 个最好用的 Vue 开源库
35 个最好用的 Vue 开源库 Vue.js 是一个非常易用的渐进式 JavaScript 框架,用于构建用户界面. 1.Vue Dark Mode Vue.js 的一个极简主义的深色设计系统.它提 ...
- Github 上 36 个最实用的 Vue 开源库
任何一个开发者,都是十分喜欢使用开源软件包的.因为它使开发工作变得更快速.高效.容易.如果没有开源软件包,开发工作将变得疲惫不堪,不断的重复造轮子! 下面整理了 Github 上 36 个实用的 Vu ...
- 力荐!35 个最好用的 Vue 开源库!
无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包.对于开发者来说,如果没有这些开源软件包,很难想象我们的生活会变得多么疲惫不堪,而且靠咖啡度日也会成为家常便饭.所幸的是,随着 Vue.js 和 ...
- 2018年最值得关注的30个Vue开源项目
译者按: 学习优秀的开源项目是提高代码水平最有效的方式. 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译 ...
- Vue开源项目库汇总
最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star. UI组件 elem ...
- 30个值得关注的Vue开源项目
译者按: 学习优秀的开源项目是提高代码水平最有效的方式. 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译 ...
- 开源巨献:年度最佳 JavaScript 和 CSS 开源库推荐!
作者:编辑部的故事 < 开源巨献:年度最佳 JavaScript 和 CSS 开源库推荐! > 开源巨献:年度最佳 JavaScript 和 CSS 开源库推荐! Tutoria ...
- Vue 开源项目库汇总(转)
最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star.https://gi ...
随机推荐
- NOIP2013华容道(BFS+乱搞)
n<=30 * m<=30 的地图上,0表示墙壁,1表示可以放箱子的空地.q<=500次询问,每次问:当空地上唯一没有放箱子的空格子在(ex,ey)时,把位于(sx,sy)的箱子移动 ...
- 牛客练习赛28 B数据结构(线段树)
链接:https://www.nowcoder.com/acm/contest/200/B来源:牛客网 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 262144K,其他语言5242 ...
- 树状数组入门 hdu1541 Stars
树状数组 树状数组(Binary Indexed Tree(B.I.T), Fenwick Tree)是一个查询和修改复杂度都为log(n)的数据结构.主要用于查询任意两位之间的所有元素之和,但是每次 ...
- Opennebula常用命令
查看虚拟机状态信息: [oneadmin@localhost /]$ onevm list 查看虚拟机配置: [oneadmin@localhost /]$ onevm show 25 启动虚拟机: ...
- A1136. Delayed Palindrome
Consider a positive integer N written in standard notation with k+1 digits ai as ak⋯a1a0 ...
- css实现文本溢出显示省略号
看到很多网站上的文章列表只显示一部分,之后就是一个阅读全文链接,或者是以一个省略号结尾.今天就说说单行文本,多行文本溢出时怎么显示省略号? 单行 overflow: hidden; white-spa ...
- 框架: Struts2 讲解 1
一.框架概述 1.框架的意义与作用: 所谓框架,就是把一些繁琐的重复性代码封装起来,使程序员在编码中把更多的经历放到业务需求的分析和理解上面. 特点:封装了很多细节,程序员在使用的时候会非常简单. 2 ...
- C内存分配
calloc和realloc与malloc的区别 calloc和realloc的原型如下: void *calloc ( size_t num_elements, size_t element_siz ...
- (贪心 map) Flying to the Mars hdu1800
Flying to the Mars Time Limit: 5000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Other ...
- maven-compiler-plugin报错
[INFO] Scanning for projects... [INFO] [INFO] --------------------------< cn.x:credittest >--- ...