Vue.js经典开源项目汇总

<p style="text-align: center"><span style="font-family: "Microsoft YaHei""><span style="font-family: "Microsoft YaHei""><span style="font-family: "Microsoft YaHei""><span style="font-size: 18pt">Vue.js经典开源项目汇总


<p style="text-align: right"><span style="font-family: "Microsoft YaHei""><span style="font-family: "Microsoft YaHei"">  <span style="color: #999999"><a href="http://www.cnblogs.com/huyong/p/6517949.html" target="_blank"><span style="color: #999999; font-family: "Microsoft YaHei"">原文链接:http://www.cnblogs.com/huyong/p/6517949.html

Vue相关网站参考:

    • ★9305 -饿了么出品的Vue2的web UI工具套件
    • ★6802 -基于Vue和WeUI的组件库
    • ★4776 - Vue 2的移动UI元素
    • ★4458 -基于Vuejs的开源UI组件库
    • ★2363 -轻量级的基本UI组件合集
    • ★2207 -通过Vue Material和Vue 2建立精美的app应用
    • ★1992 -三端样式一致的响应式UI库
    • ★1678 -为移动而生的Vue JS 2组件框架
    • ★1494 -快速构建移动端单页应用
    • ★1390 -优雅的Markdown编辑器
    • ★1166 - Vue.js选择框解决方案
    • ★824 -简化数据表格
    • ★776 -漂亮的vue圆环菜单
    • ★748 - vuejs和vuex及webpack的聊天示例
    • ★633 -快速开发产品的Vue组件库
    • ★605 - Vue.js的瀑布布局组件
    • ★595 -基于vue开发MD风格的移动端
    • ★569 -由vue和ant design创建的优美UI组件
    • ★557 -帮助你轻松创建web应用
    • ★556 -基于vuejs2和element的简单的管理员模板
    • ★551 - Sublime Text语法高亮
    • ★524 - VueJS的无限滚动指令
    • ★493 -实现拖放和视图模型数组同步
    • ★476 - vue.js触摸滑动组件
    • ★465 -日期选择插件
    • ★458 -应用于Vuejs2的Twitter的Bootstrap 4组件
    • ★361 - VueJS触摸滑块
    • ★346 -基于Vue 2和高德地图的地图组件
    • ★333 - vue中的Chartjs的封装
    • ★331 -日历和日期选择组件
    • ★318 -好看的markdown编辑器
    • ★287 -带有双向数据绑定Google地图组件
    • ★248 - vue轻量级进度条
    • ★236 -移动友好的图片文件输入组件
    • ★224 - VueJS的无限滚动插件
    • ★204 - Vuejs文件上传组件
    • ★197 -日期时间选择控件
    • ★196 - Vonic UI的功能性组件
    • ★181 -支持lunar和日期事件的日期选择器
    • ★178 - VueJS视频及直播播放器
    • ★176 -基于vue.js的全日历组件
    • ★170 -基于Vuejs2的开源UI组件库
    • ★169 -带星星动画的vue点赞按钮
    • ★167 -无限滚动组件
    • ★167 - VueJS的双向下拉刷新组件
    • ★162 -显示数据的bootstrap样式网格
    • ★158 -带任意数目数据的顺畅的滚动
    • ★149 -数据可视化
    • ★149 -基于Quill适用于Vue2的富文本编辑器
    • ★138 -所见即所得的编辑器
    • ★132 - html5所见即所得编辑器
    • ★127 - vuejs的消息框
    • ★126 - vue滑动组件
    • ★124 -轻量级的vue上传插件
    • ★121 - vue轻量级滑动组件
    • ★118 -移动优化的vue图片懒加载插件
    • ★114 -创建排序列表的Vue指令
    • ★107 - Vue的渐进图像加载插件
    • ★107 -基于微信WeUI所开发的专用于Vue2的组件库
    • ★105 -用于文件上传的Vue组件
    • ★101 -轻松渲染一个图表
    • ★95 -易于使用的滑块组件
    • ★93 -显示一组图片的lightbox组件
    • ★91 - VueJS的3D轮播组件
    • ★89 -选择中国的省份市和地区
    • ★89 -模拟用户输入选择和删除文本的Vue组件
    • ★88 -移动Vuejs2 UI元素
    • ★87 -使用Vuejs创建的DataTableView
    • ★86 -轻松创建自动提示的自定义搜索控件
    • ★86 -使元素可以拖拽
    • ★85 -在vue1和vue2中使用滑块
    • ★76 -最简单的仿Youtube加载条视图
    • ★75 -漂亮的Vue日期选择器组件
    • ★70 - Vue.js的HTML5视频播放器
    • ★68 - VueJS的toast插件
    • ★67 - vue图片剪裁上传组件
    • ★66 -带绑定信息提示的提示工具
    • ★66 - HighCharts组件
    • ★62 - vuejs的触摸ripple组件
    • ★61 -实时编辑CSS组件工具
    • ★60 -创建VueJS动态表格
    • ★60 -下拉时间选择器
    • ★59 - VueJS日期选择器组件
    • ★58 -最简单的滚动区域组件
    • ★56 - vue组件构建quill编辑器
    • ★55 -导入谷歌登录按钮
    • ★53 -创建svg图标组件的工具
    • ★49 - VueJS浮动标签模式
    • ★46 -基于Vue 2的百度地图组件库
    • ★45 -社交分享组件
    • ★44 - HTML编辑器
    • ★41 -基于VueJS的标签组件
    • ★41 - Vue 2.x的滑块组件
    • ★38 -基于flatpickr的时间选择组件
    • ★37 -强大的高速的vue图表解析
    • ★37 - vue手机端网页音乐播放器
    • ★35 -网页表格组件
    • ★35 - VueJS的Markdown编辑器组件
    • ★35 -用于管理弹出框的遮盖层
    • ★33 -包含一套完整的移动UI
    • ★32 - vue FullCalendar封装
    • ★32 - Vue MD风格组件
    • ★31 - Vuejs组件封装Morrisjs库
    • ★30 - Vue2及weui1开发的组件
    • ★29 -基于vue的图像剪辑组件
    • ★29 -可排序可检索的表格
    • ★28 - Vue.js放射性进度条组件
    • ★28 -实现流畅轮播框的vue组件
    • ★27 - Vue2的上拉下拉
    • ★26 -全面的HTML表单管理的解决方案
    • ★26 -响应式的侧边导航
    • ★26 - VueJS移动加载指示器插件
    • ★24 - Vue Bulma的chartjs组件
    • ★24 - vue滚动
    • ★24 -制作谷歌MD风格涟漪效果的Vue组件
    • ★22 - VueJS虚拟键盘组件
    • ★22 - VueJS一行代码实现优美图表
    • ★21 -用vue写的树层级组件
    • ★20 - vue移动端轮播组件
    • ★20 -基于vue的日期选择器
    • ★20 -多tab页轻型框架
    • ★19 -带气泡提示的vue校验插件
    • ★15 -整洁的视觉效果
    • ★14 -图片加载UI组件
    • ★13 - vue组件类型
    • ★12 - smoothscroll的VueJS版本
    • ★10 -城市选择器
    • ★10 - vue树视图组件
    • ★8 - iOS7+风格的alertview服务
    • ★7 -订单来了的公共组件库
    • ★7 - PACOUI的vue组件
    • ★5 - Vue China map可视化组件
    • ★4 - Vue按钮组件

    • ★45466 -流行的轻量高效的前端组件化方案
    • ★3222 - Vue管理面板框架
    • ★1273 - Electron及VueJS快速启动样板
    • ★241 - Vue2单页应用样板​
    • ★223 -前后端分离后的单页应用开发
    • ★210 - VueJS与Framework7结合
    • ★132 -轻量级高性能MVVM Admin UI框架
    • ★100 -仿VueJS Vue loader示例
    • ★34 - vue启动页

  • ★5997 -专为Vue.js应用程序开发的状态管理模式
  • ★750 -简单轻量级的基于模块的Vue.js验证
  • ★677 - qingcheng主题
  • ★461 -创建管理面板网站的UI库
  • ★257 -管理app的meta信息
  • ★209 -将axios整合到VueJS的封装
  • ★116 - vue2的可变彩色svg图标方案
  • ★110 - VueJS测试实用工具库
  • ★83 -结合VueJS使用的Framework7组件
  • ★78 - vue的Bootstrap样式组件
  • ★72 -用实时编辑和预览来渲染Vue组件
  • ★67 - reactive的在线和离线组件
  • ★66 -用于Vue组件的延迟渲染
  • ★65 -交互式密码强度计
  • ★57 -支持vuecli的Element UI的后台模板
  • ★55 -将选择的API封装到Vue对象中的插件
  • ★55 -基于cleave.js的Cleave组件
  • ★54 -简化事件的VueJS插件
  • ★53 -应用于Vue.js的Vue-ShortKey插件
  • ★50 - Cordova的VueJS插件
  • ★49 -页面过渡插件
  • ★48 - VueJS的手势事件插件
  • ★46 -从html及js环境加载vue文件
  • ★46 -用于qartjs的Vue2指令
  • ★44 -处理VueJS事件
  • ★42 - VueJS的Websocket插件
  • ★41 -具有类型支持的Vuejs本地储存插件
  • ★41 -懒加载图片
  • ★36 - VueJS的事件总线
  • ★35 - vue插件的Reactive层
  • ★32 -非阻塞通知库
  • ★32 -懒加载组件或者元素的Vue指令
  • ★32 - vue中添加用于配合媒体查询的方法
  • ★31 -当元素在页面上可见或隐藏时检测
  • ★29 -在Vue装载机检查脚本
  • ★28 -简单通用的分页组件
  • ★26 -定位插件
  • ★26 -检测HTML调整大小事件的vue指令
  • ★25 -分享某种Vuex mutations
  • ★16 -将文件转换为Base64的vue组件
  • ★15 - Vue Bulma的modal组件
  • ★15 - Famous库的vue组件
  • ★13 -异步的表单验证组件
  • ★11 -简单的表单验证
  • ★9 -截断字符串的VueJS过滤器
  • ★9 -一个高级zoombox
  • ★5 -基于内容自动调整文本输入的大小
  • ★3 -图片懒加载插件

  • ★2743 -用于服务器渲染Vue app的最小化框架
  • ★137 -简单的使用服务器端渲染vue.js
  • ★67 -非常简单的VueJS服务器端渲染模板
  • ★56 -结合Express使用Vue2服务端渲染
  • ★22 - Nodejs服务端渲染

  • ★543 - Vuejs可视化及压力测试
  • ★445 -展示Vue组件的最小化框架
  • ★185 -目前vscode最好的vue代码提示插件
  • ★39 -轻松生成Vue js组件的CLI工具
  • ★33 -简单的多页CLI
  • ★26 - vuejs starter套件

  • ★7175 -基于网络的个人音频流媒体服务
  • ★4021 -轻量级的CMS建站系统
  • ★1040 -博客平台
  • ★943 -个人博客系统
  • ★597 -重写vue版cnode社区
  • ★405 -博客内容管理器
  • ★326 -简单的rss阅读器
  • ★208 -依赖GitHub Pages无需本地生成的静态博客
  • ★97 - Web版的聊天应用
  • ★70 - nuvo-dashing-js的fork
  • ★52 -功能极其简单的笔记本
  • ★33 -使用Vue2.0和Vuex的vue-blog

  • ★2113 -基于vue重写Cnodejs.org的webapp
  • ★1154 -高仿网易云音乐的webapp
  • ★875 -知乎日报with Vuejs
  • ★732 - vue.js开发微信app界面
  • ★699 -从零构建vue2 + vue-router + vuex开发环境
  • ★612 -高仿饿了么app商家详情
  • ★575 - vue简易留言板
  • ★498 - vue/vuex/redux仿卖座网
  • ★489 -单页应用启动套件
  • ★485 - Vue音乐搜索播放
  • ★402 -模仿豆瓣前端
  • ★394 - vue最新实战项目
  • ★386 -知乎日报web版
  • ★310 - vuejs仿写酷狗音乐webapp
  • ★307 - Vue2高仿饿了么外卖平台
  • ★246 - vue2.0与express构建淘票票页面
  • ★239 -一个前后端完全分离的单页应用
  • ★239 - Node.js+Vue.js+webpack快速开发框架
  • ★222 - VueJS仿小米官网
  • ★199 -流行开源工具集成demo
  • ★188 - Vue2实现简易豆瓣电影webApp
  • ★188 -使用Vue2全家桶仿制卖座电影
  • ★169 -知乎日报Web版本
  • ★162 - vue和adminLte整合应用
  • ★157 -登录拦截登出功能
  • ★134 - Vuejs单页网页应用
  • ★113 -使用带有Django的vuejs的样板项目
  • ★101 - vue单页应用demo
  • ★100 -开源的个人blog项目
  • ★96 -简单的前后端分离案例
  • ★91 -基于vue和websocket的多人在线聊天室
  • ★85 -基于图片分享的社交平台
  • ★81 -使用Vue2.0+vue-router+vuex创建的zhihudaily
  • ★77 -本地存储的记事本
  • ★75 -前后端分离博客
  • ★70 - VueJS框架搭建的rubychina平台
  • ★70 -基于Vue和Nodejs的Web单页应用
  • ★60 -使用Vue2和Koa1的全栈demo
  • ★50 -基于vue全家桶的Cnode社区
  • ★49 -使用vue2完成多功能集合到小webapp
  • ★49 -寻找最有趣的GitHub库
  • ★48 - vue2做的出行webapp
  • ★47 -精简版的ofvue-hackernews-2
  • ★45 -不是诗人应用
  • ★44 -基于vue和Element的后台管理系统
  • ★38 -使用vue2.0 vue-router vuex模拟ios7
  • ★38 -使用移动框架的示例
  • ★37 -基于vue和vue-router构建的cnodejs web网站SPA
  • ★36 -将vue官方在线示例整合到组件中
  • ★34 -用Vue做的CNode官网
  • ★30 -移动友好的阅读器
  • ★28 -轻松查看知乎日报内容
  • ★27 -跨平台云音乐播放器
  • ★22 -使用cNode社区提供的接口
  • ★20 -知乎日报
  • ★20 - vuex2商城购物车demo
  • ★17 -用以测试下拉加载与简单路由
  • ★17 -搭建cnode社区
  • ★17 - vuejs搭建的售卖平台demo
  • ★17 -简单美观的记事本
  • ★16 - VueJs项目的简单启动页
  • ★7 -用vue写的记事本应用

    ,基于.NET的快速信息化系统开发、整合框架,给用户和开发者最佳的.Net框架部署方案。框架的技术开发、咨询工作,主要服务于金融、医疗卫生、铁路、电信、物流、物联网、制造、零售等行业。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


https://segmentfault.com/a/1190000022018995 https://www.jianshu.com/p/8c3599dda094 vuex教程中,有这样一句话和这样一段代码: 实践中,我们会经常用到 ES2015 的参数解构来简化代码(特别是我们需要调用commi
ES6 (ECMAScript 6)中的模块是一个包含 JavaScript 代码的文件,在这个模块中所有的变量都对其他模块是不可见的,除非我们导出它。 ES6的模块系统大致分为导出(export)和导入(import)两个模块。 1、模块导出(export) 可以 导出 所有的最外层 函数 、 类
from https://mp.weixin.qq.com/s/-rc1lYYlsfx-wR4mQmIIQQ Vue知识点汇总(含Vue3) 一、Vue 基础 1. Vue的基本原理 当一个Vue实例创建时,Vue会遍历data中的属性,用 Object.defineProperty(vue3.0使
D:\Temp&gt;npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.np
文章浏览阅读1.2k次。最近自己从零撸起的甘特图组件需要子组件的滚动条同步滚动这就涉及到子组件之间的互相通信,通过 消息总线可以达到我们的需求 ,首先建立一个标志位,拖动左边滚动条的时候,右边的滚动条事件不处理,反之拖动右边滚动条时,左边的滚动条事件不做处理,建立一个公共的变量用于两者的互斥store.jsimport Vue from 'vue'export let store = Vue.observable({ scrollFlag: true})export let mutations =.._vue 能不能同时有两个滚动事件
文章浏览阅读3.3k次,点赞3次,收藏16次。静默打印是什么?简单来说就是不需要用户点击"打印",自动去打印,但是使用浏览器web打印不可避免的要弹出以下画面面对这种问题也只能用"富客户端"技术来解决,在浏览器的沙盒安全模型中无法做到,那么只能使用插件的技术,这个我们就不自己花力气去做了,我找来了 lodop 这个免费的打印组件,功能还是挺强大的,下载下图的发行包解压后安装下图两个exe如果你的系统是64位的,可以安装install_lodop64.exe上图的LodopFuncs.js 是客户端要使用的核心库文件..._this.$getlodop().then((lodop) =>{
文章浏览阅读1.7k次。个人觉得大屏展示其实很简单,噱头多过技术含量,下面使用了 DataV (不是阿里的那个DataV哈,具体链接在这里)开发了一个大屏展示,使用了css flex弹性布局,使用了DataV的一些比较酷炫的边框(SVG写的),基本上功能没有全部完成,但是模子已经刻出来了,只是后端推送的内容没有全部写出来前端<template> <dv-full-screen-container class="screen-container"> <div class="ti_用signalr做一个简单的实时大屏显示
文章浏览阅读3.4k次,点赞3次,收藏10次。【说明】导入的Excel 字体颜色和背景色只能识别【标准色】,别的如"主题颜色",exceljs 解析出来不是颜色值。导入的样式包括字体,字号,列宽,合并单元格,【部分能识别】的背景色,文字颜色。导入到 x-data-spreadsheet 如下图。原Excel样式如下。_x-data-spreadsheet
文章浏览阅读1.7k次。之前参考某文章把 router-view 放在 el-tab-pane 外面都不起作用,问题根本不是出在 el-tab-pane,而是v-for 里面有多个route-view , keep-alive 时 tab 并未销毁掉,而是缓存隐藏了起来。需要把 router-view 的 name 与路由的 index.js 名称对应起来。之前参照很多文章修改试图修正这个问题,结果都徒劳,终于让我找到。我做了如下修改,主页面 main.vue。_el-tab-pane 后面接router-view
文章浏览阅读533次。今天在一台虚拟机上面运行老项目,报各种类型上图的错误提示,一开始还以为是less的问题,结果一个个装完还是报错,后面又说webpack, webpack cli有问题,头有点大了,google 一下,发现一个命令。讨论这个命令的文章,可以了解一下。运行以后终于出现了期待已久的。_npm install 忽略依赖
文章浏览阅读8k次,点赞3次,收藏12次。从这篇文章得到启发先定义一个组件从外部接收Template,然后在组件里调用<template > <div ref="markedContent"></div></template><script>import Vue from 'vue/dist/vue.esm.js'export default { name: 'wf-marked-content', props: ['content'], mounte.._vue components 动态传入模板
文章浏览阅读5.4k次。参考上一篇知识开发的一个功能,制作一个打印模板的管理模块,如下(就是保存froala编辑后的html文本,其中包括Vue的Template,这样我们可以利用Vue的模板的优势来动态绑定一些数据源进行HTML的打印,基本上跟过去水晶报表做一个模板再绑定数据源的方法异曲同工)在 main.js 里引用 froala 组件// Import and use Vue Froala lib.import VueFroala from 'vue-froala-wysiwyg'// 引入 Fr.._vue设计网页打印模板
文章浏览阅读992次。计划是这样,公司的项目一直在持续改动,安装包总是需要频繁生成新的,由此我想到了"持续集成"!有自动化工具不用,岂不可惜?这周的主要时间就用来学习CruiseControl.Net全面实现持续集成_怎么在vue的 script部分使用 eldigloa
文章浏览阅读1.2k次。其实Element UI 只用了文字提示的 el-tooltip 组件,不喜欢可以去掉,不记得是从哪拿到的原始代码,我给加了高亮渐变显示,图标,和拖拽时只能拖拽图标的位置,效果如上图,可以水平方向拖动,也可以垂直方向拖动。样式是less写的,css写嵌套样式太繁琐了。拿来主义,改造有理!下面贴代码<template> <div ref="splitPane" class="split-pane" :class="direction" :"{ fl..._element ui拉条样式
文章浏览阅读953次,点赞2次,收藏2次。接上一篇,这次加入的是从x-speadsheet导出Excel,并且带有x-speadsheet中的样式,重点关注 exportExcel 这个方法,我加入了 tinycolor 这个库用来翻译颜色值,值得注意的是, exceljs的颜色值是 argb 不是 rgba,一定不要弄混了a 是代表的透明度放在最前面_x-data-spreadsheet 导出
文章浏览阅读5.5k次,点赞2次,收藏21次。尝试了两个连线库 jsplumb 和 leadline ,其实两个库都很强大,但是基于个人使用的习惯,决定还是用 leadline ,在Vue 下我使用它的一个包装库 leader-line-vue 下面是上图的连接线示例代码,连接线很轻松的就实现了一个渐变效果..._vue 连线
文章浏览阅读4.2k次,点赞2次,收藏5次。首先官网推荐的安装方法没有生成dist文件,导致样式表等这些文件并没有生成npm install element-plus --save以上方法是有问题的,如果不幸执行了上面的命令,那么先执行卸载npm uninstall element-plus删除 main.js文件对element ui的引用,输入以下命令vue add element-plus..._elementui3.0
文章浏览阅读3.1k次。如上图,下面贴代码<template> <div> <el-date-picker size="large" style ="width:120px" v-model="selectYear" format="yyyy 年" value-format="yyyy" type="year" :clearable = "false" placeholder="选择年">.._vue多选周
文章浏览阅读1.8k次,点赞6次,收藏6次。经过 2021年的一个春节,从年前到现在,大致撸出一个 甘特图,进度条是用SVG画的,使用了几个工具库 (interactjs 用来处理拖拽和修改尺寸,snap.svg 用来处理 svg 的dom 操作,moment.js用来处理时间的操作),其他没有依赖任何的UI组件,目前初见雏形,还比较粗糙,后面会不断更新源码地址点击期间也摸索了怎么把vs code的项目上传到 GitHub 上面进行源代码的管理,基本上是参考的这篇文章做的..._vue gantt demo
文章浏览阅读2.1k次。接上两篇vue 下使用 exceljs + x-spreadsheet 带样式导入Excelvue 下使用 exceljs + x-spreadsheet 带样式导出Excel下面封装好一个组件调用组件的页面效果如图,目前“导出Json”还没有做_x-spreadsheet导入导出