35个最好用的Vue开源库(史上最全)


Posted in Javascript onJanuary 03, 2019

本文介绍了35个Vue开源库,分享给大家,具体如下:

35个最好用的Vue开源库(史上最全)

无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包。对于开发者来说,如果没有这些开源软件包,很难想象我们的生活会变得多么疲惫不堪,而且靠咖啡度日也会成为家常便饭。所幸的是,随着 Vue.js 社区的不断壮大,每天都会出现一些很好的软件包。

在下文中,我们将推荐一些非常好用的 Vue 开源库

Vue.js

。Vue.js 是一个非常易用的渐进式 JavaScript 框架,用于构建用户界面。

1.Vue Dark Mode

Vue.js 的一个极简主义的深色设计系统。它提供了基本组件,用于构建失眠者最喜欢的深色界面。

地址:github.com/LeCoupa/vuedarkmode

2.Vetur

VS Code 的 Vue 工具。如果你是 Vue.js 超级用户,必须尝试一下!

地址:github.com/vuejs/vetur

3.Vue VS Code Snippets

这些片段很棒,从我开始学习 Vue.js 时就一直在用它。

地址:github.com/sdras/vue-vscode-snippets

4.Bootstrap-Vue

提供了最全面的 Bootstrap V4 实现。

地址:bootstrap-vue.js.org/

5.Vue Native

你是 React Native 的粉丝吗?就像 React Native 一样,Vue Native 框架允许你使用 JavaScript 来构建跨平台的原生移动应用程序。

地址:vue-native.io/

6.NativeScript Vue

如果你更喜欢 NativeScript,这个包可以帮助你使用 NativeScript 和 Vue.js 构建原生移动应用程序。

地址:github.com/nativescript-vue/nativescript-vue

7.Vue Content Placeholders

在获取真实内容时,可以使用这些可组合组件渲染虚假的渐进式内容。

地址:github.com/michalsnik/vue-content-placeholders

8.Vue Autosuggest

一个很棒的 Vue.js 自动提示组件。

地址:github.com/darrenjennings/vue-autosuggest

9.Vue Clipboard

一个简单的 Vue.js 包,允许用户将文本复制到基于clipboard.js的剪贴板。

地址:vue-clipboard2.inndy.tw/

10.Vue Clickaway

一种可重复使用的点击指令,可检测并响应元素外部的点击动作。当我们需要关闭模态窗口或隐藏下拉列表时会非常方便。

地址:github.com/simplesmiler/vue-clickaway

11.Vue Waypoint

Vue.js 的 v-waypoint 指令,用于在滚动时触发函数。当你想要在滚动时触发动画,它就可以派上用场。

地址:github.com/scaccogatto/vue-waypoint

12.Vue Virtual Scroller

用于 Vue.js 应用程序的快速无限制滚动。

地址:github.com/Akryum/vue-virtual-scroller

13.Vue Slideout

Slideout.js 的 Vue.js 实现。

地址:github.com/vouill/vue-slideout

14.Vue Swing

它是Swing的 vue.js 包装器,一个卡片形式的界面(swipe-left 对应是,swipe-right 对应否)。

地址:github.com/goweiwen/vue-swing

15.Vue Quill Editor

Vue.js 的 Quill 编辑器,支持 SPA 和 SSR。

地址:github.com/surmon-china/vue-quill-editor

16.Vue Stripe Checkout

用于 Stripe 结帐的 Vue.js 插件。

地址:github.com/jofftiquez/vue-stripe-checkout

17.Vue Cleave Component

Cleave.js 的 Vue.js 组件,用于在输入时格式化输入内容(信用卡格式、日期等)。

地址:github.com/ankurk91/vue-cleave-component

18.Vuelidate

进行基于模型的验证,实现表单验证现在变得轻而易举。

地址:github.com/monterail/vuelidate

19.Vue.js Datepicker

一个简单的 Vue.js 日期选择器组件。

地址:github.com/charliekassel/vuejs-datepicker

20.Vue Moment

想要在 Vue.js 应用程序中使用 Moment.js?你需要这个包。

地址:github.com/brockpetrie/vue-moment

21.Vue Numeric

Vue.js 输入字段组件,用于显示格式化的货币值。

地址:github.com/kevinongko/vue-numeric

22.Vue Slider Component

这里面的 10 种滑块组件都使用 Vue.js 开发。

地址:nightcatsama.github.io/vue-slider-component/example/

23.Vue.Draggable

Vue.js 组件,基于 Sortable.js 进行同步的拖放排序。

地址:github.com/SortableJS/…

24.Vue Draggable Resizable

Vue.js 组件,用于可调整大小和可拖动的元素,没有外部依赖。

地址:github.com/mauricius/vue-draggable-resizable

25.Vue Color

来自 Sketch、Photoshop、Chrom 的 Vue.js 颜色选择器。

地址:github.com/xiaokaike/vue-color

26.Emoji Mart Vue

从 React 的 emoji-mart fork 出来的,用于 Vue.js 的 Slack 风格的可定制表情符号选择器组件。

地址:github.com/jm-david/emoji-mart-vue

27.Vue YouTube Embed

基于 Angular YouTube Embed,允许你使用 YouTube iframe API。

地址:github.com/kaorun343/vue-youtube-embed

28.Vuetable-2

Vue.js 的数据表组件。

地址:www.vuetable.com/

29.Vue Chartist

基于 Chartist.js 的响应式图表。

地址:github.com/Yopadd/vue-chartist

30.Vue Trend

最优雅的趋势图组件。

地址:github.com/QingWei-Li/vue-trend

31.Epic Spinners

20 个易于使用的 css 调节器。

地址:github.com/epicmaxco/epic-spinners

32.Vue Notification

用在 Vue.js 应用程序中的成功、警告和错误通知。可以放在右侧、左侧、底部、顶部或中间,任何你想要的位置!

地址:vue-notification.yev.io/

33.Vue Popper

一个基于 popper.js 的 Vue.js 弹出窗口组件。

地址:robinck.github.io/vue-popper/

34.Vue Countup

基于 CountUp.js,可用于创建显示数字数据的动画。

地址:github.com/xlsdg/vue-countup-v2

35.Vue No SSR

用于包装对 SSR 不友好的组件。

地址:github.com/egoist/vue-no-ssr

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Prototype RegExp对象 学习
Jul 19 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
Dec 07 Javascript
js用正则表达式来验证表单(比较齐全的资源)
Nov 17 Javascript
jquery判断元素的子元素是否存在的示例代码
Feb 04 Javascript
JavaScript跨域方法汇总
Oct 16 Javascript
js实现动态创建的元素绑定事件
Jul 19 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
使用vue.js写一个tab选项卡效果
Mar 25 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
Jul 28 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
Vue+element+cookie记住密码功能的简单实现方法
Sep 20 Javascript
原生js实现移动端Touch轮播图的方法步骤
Jan 03 #Javascript
发布一款npm包帮助理解npm的使用
Jan 03 #Javascript
用node开发并发布一个cli工具的方法步骤
Jan 03 #Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
Jan 03 #Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 #Javascript
如何在Vue.js中实现标签页组件详解
Jan 02 #Javascript
如何使用less实现随机下雪动画详解
Jan 02 #Javascript
You might like
php 无法加载mysql的module的时候的配置的解决方案引发的思考
2012/01/27 PHP
php中echo()和print()、require()和include()等易混淆函数的区别
2012/02/22 PHP
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
解析php session_set_save_handler 函数的用法(mysql)
2013/06/29 PHP
destoon实现商铺管理主页设置增加新菜单的方法
2014/06/26 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
javascript实现的基于金山词霸网络翻译的代码
2010/01/15 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
2013/09/26 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
2014/04/04 Javascript
jQuery实现的仿select功能代码
2015/08/19 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
JavaScript与java语言有什么不同
2016/09/22 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
2017/03/30 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
2018/01/03 Javascript
js+css实现打字效果
2020/06/24 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
2018/04/17 Javascript
js根据需要计算数组中重复出现某个元素的个数
2019/01/18 Javascript
如何在 Vue 中使用 JSX
2021/02/14 Vue.js
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
python实现统计代码行数的方法
2015/05/22 Python
Python Flask-web表单使用详解
2017/11/18 Python
python实现图书馆研习室自动预约功能
2018/04/27 Python
Python实现的查询mysql数据库并通过邮件发送信息功能
2018/05/17 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
python调用pyaudio使用麦克风录制wav声音文件的教程
2019/06/26 Python
python实现交并比IOU教程
2020/04/16 Python
Pureology官网:为染色头发打造最好的产品
2019/09/13 全球购物
澳大利亚在线床零售商:Bedworks
2020/09/01 全球购物
MyBag中文网:英国著名的时尚包袋电商零售网站
2020/07/31 全球购物
银行贷款委托书范本
2014/10/11 职场文书
中学生检讨书范文
2014/11/03 职场文书
劳资员岗位职责
2015/02/13 职场文书
python中sys模块的介绍与实例
2021/04/17 Python