精华内容
下载资源
问答
  • 2019-01-14 21:29:36

    饿了么团队开源一个基于vue 组件库
    elementUI   PC官网 http://element.eleme.io/
    MintUI 移动端 http://mint-ui.github.io/
    iView 是一套基于 Vue.js 的 UI 组件库,主要服务于 PC 界面的中后台产品。https://www.iviewui.com/components/layout

    https://myronliu347.github.io/vue-carbon   vue-carbon  组件UI库web
    --------------------- 
    作者:大灰狼的小绵羊哥哥 
    来源:CSDN 
    原文:https://blog.csdn.net/sinat_17775997/article/details/54133687 
    版权声明:本文为博主原创文章,转载请附上博文链接!

    更多相关内容
  • 一个vue的项目,我觉得最小的子集其实就是{vue,vue-router,component},vue作为基础库,为我们提供双向绑定等功能。vue-router连接不同的”页面”,component作为样式或者行为输出,你可以通过这三个东西来实现最...
  • vue常用组件

    2022-05-11 13:28:07
    一、Vue.js UI组件 二、Vue.js开发框架 三、Vue.js实用库 四、Vue.js服务端 五、Vue.js辅助工具 六、Vue.js应用实例 七、Vue.js Demo示例 八、详细分类 01、UI组件框架 02、滚动scroll组件 03、slider...

    目录

    前言

    一、Vue.js UI组件

    二、Vue.js开发框架

    三、Vue.js实用库

    四、Vue.js服务端

    五、Vue.js辅助工具

    六、Vue.js应用实例

    七、Vue.js Demo示例

    八、详细分类

    01、UI组件及框架

    02、滚动scroll组件

    03、slider组件

    04、编辑器

    05、图表

    06、日历

    07、地址选择

    08、地图

    09、播放器

    10、文件上传

    11、图片处理

    12、提示

    13、进度条

    14、开发框架汇总

    15、实用库汇总

    十六、服务端

    十七、辅助工具

    十八、应用实例


    前言

    Vue是主流的前端框架

    一、Vue.js UI组件


    element:饿了么出品的Vue2的web UI工具套件
    Vux:基于Vue和WeUI的组件库
    mint-ui:Vue 2的移动UI元素
    iview:基于 Vuejs 的开源 UI 组件库
    Keen-UI:轻量级的基本UI组件合集
    vue-material:通过Vue Material和Vue 2建立精美的app应用
    muse-ui:三端样式一致的响应式 UI 库
    vuetify:为移动而生的Vue JS 2组件框架
    vonic:快速构建移动端单页应用
    eme:优雅的Markdown编辑器
    vue-multiselect:Vue.js选择框解决方案
    vue-table:简化数据表格
    VueCircleMenu:漂亮的vue圆环菜单
    vue-chat:vuejs和vuex及webpack的聊天示例
    radon-ui:快速开发产品的Vue组件库
    vue-waterfall:Vue.js的瀑布布局组件
    vue-carbon:基于 vue 开发MD风格的移动端
    vue-beauty:由vue和ant design创建的优美UI组件
    vue-blu:帮助你轻松创建web应用
    vueAdmin:基于vuejs2和element的简单的管理员模板
    vue-syntax-highlight:Sublime Text语法高亮
    vue-infinite-scroll:VueJS的无限滚动指令
    Vue.Draggable:实现拖放和视图模型数组同步
    vue-awesome-swiper:vue.js触摸滑动组件
    vue-calendar:日期选择插件
    bootstrap-vue:应用于Vuejs2的Twitter的Bootstrap 4组件
    vue-swipe:VueJS触摸滑块
    vue-amap:基于Vue 2和高德地图的地图组件
    vue-chartjs:vue中的Chartjs的封装
    vue-datepicker:日历和日期选择组件
    markcook:好看的markdown编辑器
    vue-google-maps:带有双向数据绑定Google地图组件
    vue-progressbar:vue轻量级进度条
    vue-picture-input:移动友好的图片文件输入组件
    vue-infinite-loading:VueJS的无限滚动插件
    vue-upload-component:Vuejs文件上传组件
    vue-datetime-picker:日期时间选择控件
    vue-scroller:Vonic UI的功能性组件
    vue2-calendar:支持lunar和日期事件的日期选择器
    vue-video-player:VueJS视频及直播播放器
    vue-fullcalendar:基于vue.js的全日历组件
    rubik:基于Vuejs2的开源 UI 组件库
    VueStar:带星星动画的vue点赞按钮
    vue-mugen-scroll:无限滚动组件
    mint-loadmore:VueJS的双向下拉刷新组件
    vue-tables-2:显示数据的bootstrap样式网格
    vue-virtual-scroller:带任意数目数据的顺畅的滚动
    DataVisualization:数据可视化
    vue-quill-editor:基于Quill适用于Vue2的富文本编辑器
    Vueditor:所见即所得的编辑器
    vue-html5-editor:html5所见即所得编辑器
    vue-msgbox:vuejs的消息框
    vue-slider:vue 滑动组件
    vue-core-image-upload:轻量级的vue上传插件
    vue-slide:vue轻量级滑动组件
    vue-lazyload-img:移动优化的vue图片懒加载插件
    vue-drag-and-drop-list:创建排序列表的Vue指令
    vue-progressive-image:Vue的渐进图像加载插件
    vuwe:基于微信WeUI所开发的专用于Vue2的组件库
    vue-dropzone:用于文件上传的Vue组件
    vue-charts:轻松渲染一个图表
    vue-swiper:易于使用的滑块组件
    vue-images:显示一组图片的lightbox组件
    vue-carousel-3d:VueJS的3D轮播组件
    vue-region-picker:选择中国的省份市和地区
    vue-typer:模拟用户输入选择和删除文本的Vue组件
    vue-impression:移动Vuejs2 UI元素
    vue-datatable:使用Vuejs创建的DataTableView
    vue-instant:轻松创建自动提示的自定义搜索控件
    vue-dragging:使元素可以拖拽
    vue-slider-component:在vue1和vue2中使用滑块
    vue2-loading-bar:最简单的仿Youtube加载条视图
    vue-datepicker:漂亮的Vue日期选择器组件
    vue-video:Vue.js的HTML5视频播放器
    vue-toast-mobile:VueJS的toast插件
    vue-image-crop-upload:vue图片剪裁上传组件
    vue-tooltip:带绑定信息提示的提示工具
    vue-highcharts:HighCharts组件
    vue-touch-ripple:vuejs的触摸ripple组件
    coffeebreak:实时编辑CSS组件工具
    vue-datasource:创建VueJS动态表格
    vue2-timepicker:下拉时间选择器
    vue-date-picker:VueJS日期选择器组件
    vue-scrollbar:最简单的滚动区域组件
    vue-quill:vue组件构建quill编辑器
    vue-google-signin-button:导入谷歌登录按钮
    vue-svgicon:创建svg图标组件的工具
    vue-float-label:VueJS浮动标签模式
    vue-baidu-map:基于 Vue 2的百度地图组件库
    vue-social-sharing:社交分享组件
    vue2-editor:HTML编辑器
    vue-tagsinput:基于VueJS的标签组件
    vue-easy-slider:Vue 2.x的滑块组件
    datepicker:基于flatpickr的时间选择组件
    vue-chart:强大的高速的vue图表解析
    vue-music-master:vue手机端网页音乐播放器
    handsontable:网页表格组件
    vue-simplemde:VueJS的Markdown编辑器组件
    vue-popup-mixin:用于管理弹出框的遮盖层
    cubeex:包含一套完整的移动UI
    vue-fullcalendar:vue FullCalendar封装
    vue-material-design:Vue MD风格组件
    vue-morris:Vuejs组件封装Morrisjs库
    we-vue:Vue2及weui1开发的组件
    vue-image-clip:基于vue的图像剪辑组件
    vue-bootstrap-table:可排序可检索的表格
    vue-radial-progress:Vue.js放射性进度条组件
    vue-slick:实现流畅轮播框的vue组件
    vue-pull-to-refresh:Vue2的上拉下拉
    vue-form-2:全面的HTML表单管理的解决方案
    vue-side-nav:响应式的侧边导航
    mint-indicator:VueJS移动加载指示器插件
    chartjs:Vue Bulma的chartjs组件
    vue-scroll:vue滚动
    vue-ripple:制作谷歌MD风格涟漪效果的Vue组件
    vue-touch-keyboard:VueJS虚拟键盘组件
    vue-chartkick:VueJS一行代码实现优美图表
    vue-ztree:用 vue 写的树层级组件
    vue-m-carousel:vue 移动端轮播组件
    vue-datepicker-simple:基于vue的日期选择器
    vue-tabs:多tab页轻型框架
    vue-verify-pop:带气泡提示的vue校验插件
    vue-parallax:整洁的视觉效果
    vue-img-loader:图片加载UI组件
    vue-typewriter:vue组件类型
    vue-smoothscroll:smoothscroll的VueJS版本
    vue-city:城市选择器
    vue-tree:vue树视图组件
    vue-ios-alertview:iOS7+ 风格的alertview服务
    dd-vue-component:订单来了的公共组件库
    paco-ui-vue:PACOUI的vue组件
    vue-cmap:Vue China map可视化组件
    vue-button:Vue按钮组件

    二、Vue.js开发框架


    vue.js:流行的轻量高效的前端组件化方案
    vue-admin:Vue管理面板框架
    electron-vue:Electron及VueJS快速启动样板
    vue-2.0-boilerplate:Vue2单页应用样板​
    vue-spa-template:前后端分离后的单页应用开发
    Framework7-Vue:VueJS与Framework7结合
    vue-bulma:轻量级高性能MVVM Admin UI框架
    vue-webgulp:仿VueJS Vue loader示例
    vue-element-starter:vue启动页

    三、Vue.js实用库


    vuex:专为 Vue.js 应用程序开发的状态管理模式
    vuelidate:简单轻量级的基于模块的Vue.js验证
    qingcheng:qingcheng主题
    vue-desktop:创建管理面板网站的UI库
    vue-meta:管理app的meta信息
    vue-axios:将axios整合到VueJS的封装
    vue-svg-icon:vue2的可变彩色svg图标方案
    avoriaz:VueJS测试实用工具库
    vue-framework7:结合VueJS使用的Framework7组件
    vue-bootstrap-modal:vue的Bootstrap样式组件
    vuep:用实时编辑和预览来渲染Vue组件
    vue-online:reactive的在线和离线组件
    vue-lazy-render:用于Vue组件的延迟渲染
    vue-password-strength-meter:交互式密码强度计
    element-admin:支持 vuecli 的 Element UI 的后台模板
    vue-electron:将选择的API封装到Vue对象中的插件
    cleave:基于cleave.js的Cleave组件
    vue-events:简化事件的VueJS插件
    vue-shortkey:应用于Vue.js的Vue-ShortKey 插件
    vue-cordova:Cordova的VueJS插件
    vue-router-transition:页面过渡插件
    vue-gesture:VueJS的手势事件插件
    http-vue-loader:从html及js环境加载vue文件
    vue-qart:用于qartjs的Vue2指令
    vuemit:处理VueJS事件
    vue-websocket:VueJS的Websocket插件
    vue-local-storage:具有类型支持的Vuejs本地储存插件
    lazy-vue:懒加载图片
    vue-bus:VueJS的事件总线
    vue-reactive-storage:vue插件的Reactive层
    vue-notifications:非阻塞通知库
    vue-lazy-component:懒加载组件或者元素的Vue指令
    v-media-query:vue中添加用于配合媒体查询的方法
    vue-observe-visibility:当元素在页面上可见或隐藏时检测
    vue-ts-loader:在Vue装载机检查脚本
    vue-pagination-2:简单通用的分页组件
    vuex-i18n:定位插件
    Vue.resize:检测HTML调整大小事件的vue指令
    vuex-shared-mutations:分享某种Vuex mutations
    vue-file-base64:将文件转换为Base64的vue组件
    modal:Vue Bulma的modal组件
    Famous-Vue:Famous库的vue组件
    leo-vue-validator:异步的表单验证组件
    Vue-Easy-Validator:简单的表单验证
    vue-truncate-filter:截断字符串的VueJS过滤器
    vue-zoombox:一个高级zoombox
    vue-input-autosize:基于内容自动调整文本输入的大小
    vue-lazyloadImg:图片懒加载插件

    四、Vue.js服务端


    nuxt.js:用于服务器渲染Vue app的最小化框架
    express-vue:简单的使用服务器端渲染vue.js
    vue-ssr:非常简单的VueJS服务器端渲染模板
    vue-ssr:结合Express使用Vue2服务端渲染
    vue-easy-renderer:Nodejs服务端渲染

    五、Vue.js辅助工具


    DejaVue:Vuejs可视化及压力测试
    vue-play:展示Vue组件的最小化框架
    vscode-VueHelper:目前vscode最好的vue代码提示插件
    vue-generate-component:轻松生成Vue js组件的CLI工具
    vue-multipage-cli:简单的多页CLI
    VuejsStarterKit:vuejs starter套件

    六、Vue.js应用实例


    koel:基于网络的个人音频流媒体服务
    pagekit:轻量级的CMS建站系统
    vuedo:博客平台
    jackblog-vue:个人博客系统
    vue-cnode:重写vue版cnode社区
    CMS-of-Blog:博客内容管理器
    rss-reader:简单的rss阅读器
    vue-ghpages-blog:依赖GitHub Pages无需本地生成的静态博客
    swoole-vue-webim:Web版的聊天应用
    vue-dashing-js:nuvo-dashing-js的fork
    fewords:功能极其简单的笔记本
    vue-blog:使用Vue2.0 和Vuex的vue-blog

    七、Vue.js Demo示例


    Vue-cnodejs:基于vue重写Cnodejs.org的webapp
    NeteaseCloudWebApp:高仿网易云音乐的webapp
    vue-zhihu-daily:知乎日报 with Vuejs
    vue-wechat:vue.js开发微信app界面
    vue2-demo:从零构建vue2 + vue-router + vuex 开发环境
    eleme:高仿饿了么app商家详情
    vue-demo:vue简易留言板
    maizuo:vue/vuex/redux仿卖座网
    spa-starter-kit:单页应用启动套件
    vue-music:Vue 音乐搜索播放
    douban:模仿豆瓣前端
    vue-Meizi:vue最新实战项目
    zhihudaily-vue:知乎日报web版
    vue-demo-kugou:vuejs仿写酷狗音乐webapp
    VueDemo_Sell_Eleme:Vue2高仿饿了么外卖平台
    vue2.0-taopiaopiao:vue2.0与express构建淘票票页面
    vue-leancloud-blog:一个前后端完全分离的单页应用
    node-vue-server-webpack:Node.js+Vue.js+webpack快速开发框架
    mi-by-vue:VueJS仿小米官网
    vue-fis3:流行开源工具集成demo
    vue2.x-douban:Vue2实现简易豆瓣电影webApp
    vue-demo-maizuo:使用Vue2全家桶仿制卖座电影
    vue-zhihudaily:知乎日报 Web 版本
    vue-adminLte-vue-router:vue和adminLte整合应用
    vue-axios-github:登录拦截登出功能
    Zhihu-Daily-Vue.js:Vuejs单页网页应用
    hello-vue-django:使用带有Django的vuejs的样板项目
    vue-cnode:vue单页应用demo
    x-blog:开源的个人blog项目
    vue-express-mongodb:简单的前后端分离案例
    websocket_chat:基于vue和websocket的多人在线聊天室
    photoShare:基于图片分享的社交平台
    vue-zhihudaily-2.0:使用Vue2.0+vue-router+vuex创建的zhihudaily
    notepad:本地存储的记事本
    vueBlog:前后端分离博客
    vue-ruby-china:VueJS框架搭建的rubychina平台
    Zhihu_Daily:基于Vue和Nodejs的Web单页应用
    vue-koa-demo:使用Vue2和Koa1的全栈demo
    vue2.x-Cnode:基于vue全家桶的Cnode社区
    life-app-vue:使用vue2完成多功能集合到小webapp
    github-explorer:寻找最有趣的GitHub库
    vue-trip:vue2做的出行webapp
    vue-ssr-boilerplate:精简版的ofvue-hackernews-2
    vue-bushishiren:不是诗人应用
    houtai:基于vue和Element的后台管理系统
    ios7-vue:使用vue2.0 vue-router vuex模拟ios7
    Framework7-VueJS:使用移动框架的示例
    cnode-vue:基于vue和vue-router构建的cnodejs web网站SPA
    vue-cli-multipage-bootstrap:将vue官方在线示例整合到组件中
    vue-cnode:用 Vue 做的 CNode 官网
    HyaReader:移动友好的阅读器
    zhihu-daily:轻松查看知乎日报内容
    seeMusic:跨平台云音乐播放器
    vue-cnode:使用cNode社区提供的接口
    zhihu-daily-vue:知乎日报
    sls-vuex2-demo:vuex2商城购物车demo
    vue-dropload:用以测试下拉加载与简单路由
    vue-cnode-mobile:搭建cnode社区
    Vuejs-SalePlatform:vuejs搭建的售卖平台demo
    v-notes:简单美观的记事本
    vue-starter:VueJs项目的简单启动页
    vue-memo:用 vue写的记事本应用

    八、详细分类


    01、UI组件及框架


    element - 饿了么出品的Vue2的web UI工具套件
    mint-ui - Vue 2的移动UI元素
    iview - 基于 Vuejs 的开源 UI 组件库
    Keen-UI - 轻量级的基本UI组件合集
    vue-material - 通过Vue Material和Vue 2建立精美的app应用
    muse-ui - 三端样式一致的响应式 UI 库
    vuetify - 为移动而生的Vue JS 2组件框架
    vonic - 快速构建移动端单页应用
    vue-blu - 帮助你轻松创建web应用
    vue-multiselect - Vue.js选择框解决方案
    VueCircleMenu - 漂亮的vue圆环菜单
    vue-chat - vuejs和vuex及webpack的聊天示例
    radon-ui - 快速开发产品的Vue组件库
    vue-waterfall - Vue.js的瀑布布局组件
    vue-carbon - 基于 vue 开发MD风格的移动端
    vue-beauty - 由vue和ant design创建的优美UI组件
    bootstrap-vue - 应用于Vuejs2的Twitter的Bootstrap 4组件
    vueAdmin - 基于vuejs2和element的简单的管理员模板
    vue-ztree - 用 vue 写的树层级组件
    vue-tree - vue树视图组件
    vue-tabs - 多tab页轻型框架

    02、滚动scroll组件


    vue-scroller - Vonic UI的功能性组件
    vue-mugen-scroll - 无限滚动组件
    vue-infinite-loading - VueJS的无限滚动插件
    vue-virtual-scroller - 带任意数目数据的顺畅的滚动
    vue-infinite-scroll - VueJS的无限滚动指令
    vue-scrollbar - 最简单的滚动区域组件
    vue-scroll - vue滚动
    vue-pull-to-refresh - Vue2的上拉下拉
    mint-loadmore - VueJS的双向下拉刷新组件
    vue-smoothscroll - smoothscroll的VueJS版本

    03、slider组件


    vue-awesome-swiper - vue.js触摸滑动组件
    vue-slick - 实现流畅轮播框的vue组件
    vue-swipe - VueJS触摸滑块
    vue-swiper - 易于使用的滑块组件
    vue-images - 显示一组图片的lightbox组件
    vue-carousel-3d - VueJS的3D轮播组件
    vue-slide - vue轻量级滑动组件
    vue-slider - vue 滑动组件
    vue-m-carousel - vue 移动端轮播组件
    dd-vue-component - 订单来了的公共组件库
    vue-easy-slider - Vue 2.x的滑块组件

    04、编辑器


    markcook - 好看的markdown编辑器
    eme - 优雅的Markdown编辑器
    vue-syntax-highlight - Sublime Text语法高亮
    vue-quill-editor - 基于Quill适用于Vue2的富文本编辑器
    Vueditor - 所见即所得的编辑器
    vue-html5-editor - html5所见即所得编辑器
    vue2-editor - HTML编辑器
    vue-simplemde - VueJS的Markdown编辑器组件
    vue-quill - vue组件构建quill编辑器

    05、图表


    Echarts
    vue-table - 简化数据表格
    vue-chartjs - vue中的Chartjs的封装
    vue-charts - 轻松渲染一个图表
    vue-chart - 强大的高速的vue图表解析
    vue-highcharts - HighCharts组件
    chartjs - Vue Bulma的chartjs组件
    vue-chartkick - VueJS一行代码实现优美图表

    06、日历


    vue-calendar - 日期选择插件
    vue-datepicker - 日历和日期选择组件
    vue-datetime-picker - 日期时间选择控件
    vue2-calendar - 支持lunar和日期事件的日期选择器
    vue-fullcalendar - 基于vue.js的全日历组件
    vue-datepicker - 漂亮的Vue日期选择器组件
    datepicker - 基于flatpickr的时间选择组件
    vue2-timepicker - 下拉时间选择器
    vue-date-picker - VueJS日期选择器组件
    vue-datepicker-simple - 基于vue的日期选择器

    07、地址选择


    vue-city - 城市选择器
    vue-region-picker - 选择中国的省份市和地区

    08、地图


    vue-amap - 基于Vue 2和高德地图的地图组件
    vue-google-maps - 带有双向数据绑定Google地图组件
    vue-baidu-map- 基于 Vue 2的百度地图组件库
    vue-cmap - Vue China map可视化组件

    09、播放器


    vue-video-player - VueJS视频及直播播放器
    vue-video - Vue.js的HTML5视频播放器
    vue-music-master - vue手机端网页音乐播放器

    10、文件上传


    vue-upload-component - Vuejs文件上传组件
    vue-core-image-upload - 轻量级的vue上传插件
    vue-dropzone - 用于文件上传的Vue组件

    11、图片处理


    vue-lazyload-img - 移动优化的vue图片懒加载插件
    vue-image-crop-upload - vue图片剪裁上传组件
    vue-svgicon - 创建svg图标组件的工具
    vue-img-loader - 图片加载UI组件
    vue-image-clip- 基于vue的图像剪辑组件
    vue-progressive-image - Vue的渐进图像加载插件

    12、提示


    vue-toast-mobile - VueJS的toast插件
    vue-msgbox - vuejs的消息框
    vue-tooltip - 带绑定信息提示的提示工具
    vue-verify-pop - 带气泡提示的vue校验插件

    13、进度条


    vue-radial-progress - Vue.js放射性进度条组件
    vue-progressbar - vue轻量级进度条
    vue2-loading-bar - 最简单的仿Youtube加载条视图

    14、开发框架汇总


    vue-admin - Vue管理面板框架
    electron-vue - Electron及VueJS快速启动样板
    vue-2.0-boilerplate - Vue2单页应用样板
    vue-webgulp - 仿VueJS Vue loader示例
    vue-bulma - 轻量级高性能MVVM Admin UI框架
    vue-spa-template - 前后端分离后的单页应用开发
    Framework7-Vue - VueJS与Framework7结合
    vue-element-starter - vue启动页

    15、实用库汇总


    vuelidate - 简单轻量级的基于模块的Vue.js验证
    qingcheng - qingcheng主题
    vuex - 专为 Vue.js 应用程序开发的状态管理模式
    vue-axios - 将axios整合到VueJS的封装
    vue-desktop - 创建管理面板网站的UI库
    vue-meta - 管理app的meta信息
    avoriaz - VueJS测试实用工具库
    vue-framework7 - 结合VueJS使用的Framework7组件
    vue-lazy-render - 用于Vue组件的延迟渲染
    vue-svg-icon - vue2的可变彩色svg图标方案
    vue-online - reactive的在线和离线组件
    vue-password-strength-meter - 交互式密码强度计
    vuep - 用实时编辑和预览来渲染Vue组件
    vue-bootstrap-modal - vue的Bootstrap样式组件
    element-admin - 支持 vuecli 的 Element UI 的后台模板
    vue-shortkey - 应用于Vue.js的Vue-ShortKey 插件
    cleave - 基于cleave.js的Cleave组件
    vue-events - 简化事件的VueJS插件
    http-vue-loader - 从html及js环境加载vue文件
    vue-electron - 将选择的API封装到Vue对象中的插件
    vue-router-transition - 页面过渡插件
    vuemit - 处理VueJS事件
    vue-cordova - Cordova的VueJS插件
    vue-qart - 用于qartjs的Vue2指令
    vue-websocket - VueJS的Websocket插件
    vue-gesture - VueJS的手势事件插件
    vue-local-storage - 具有类型支持的Vuejs本地储存插件
    lazy-vue - 懒加载图片
    vue-lazyloadImg - 图片懒加载插件
    vue-bus - VueJS的事件总线
    vue-observe-visibility - 当元素在页面上可见或隐藏时检测
    vue-notifications - 非阻塞通知库
    v-media-query - vue中添加用于配合媒体查询的方法
    vuex-shared-mutations - 分享某种Vuex mutations
    vue-lazy-component - 懒加载组件或者元素的Vue指令
    vue-reactive-storage - vue插件的Reactive层
    vue-ts-loader - 在Vue装载机检查脚本
    vue-pagination-2 - 简单通用的分页组件
    vuex-i18n - 定位插件
    Vue.resize - 检测HTML调整大小事件的vue指令
    vue-zoombox - 一个高级zoombox
    leo-vue-validator - 异步的表单验证组件
    modal - Vue Bulma的modal组件
    Famous-Vue - Famous库的vue组件
    vue-input-autosize - 基于内容自动调整文本输入的大小
    vue-file-base64 - 将文件转换为Base64的vue组件
    Vue-Easy-Validator - 简单的表单验证
    vue-truncate-filter - 截断字符串的VueJS过滤器


    十六、服务端

    vue-ssr - 结合Express使用Vue2服务端渲染
    nuxt.js - 用于服务器渲染Vue app的最小化框架
    vue-ssr - 非常简单的VueJS服务器端渲染模板
    vue-easy-renderer - Nodejs服务端渲染
    express-vue - 简单的使用服务器端渲染vue.js


    十七、辅助工具

    DejaVue - Vuejs可视化及压力测试
    vue-generate-component - 轻松生成Vue js组件的CLI工具
    vscode-VueHelper - 目前vscode最好的vue代码提示插件
    vue-play - 展示Vue组件的最小化框架
    VuejsStarterKit - vuejs starter套件
    vue-multipage-cli - 简单的多页CLI


    十八、应用实例

    pagekit - 轻量级的CMS建站系统
    vuedo - 博客平台
    koel - 基于网络的个人音频流媒体服务
    CMS-of-Blog - 博客内容管理器
    vue-cnode - 重写vue版cnode社区
    vue-ghpages-blog - 依赖GitHub Pages无需本地生成的静态博客
    swoole-vue-webim - Web版的聊天应用
    fewords - 功能极其简单的笔记本
    jackblog-vue - 个人博客系统
    vue-blog - 使用Vue2.0 和Vuex的vue-blog
    vue-dashing-js - nuvo-dashing-js的fork
    rss-reader - 简单的rss阅读器

     

    展开全文
  • vue常用组件

    2021-06-16 10:20:20
    功能类 1、Vue粒子特效(vue-particles插件)

    渲染类

    1、Vue粒子特效(vue-particles插件)

     

    功能类

    1、vue-clipboard2 (复制内容至剪切板)

    2、vue.draggable(拖动某个事物,比如表格的不同行,不同div换位置等,中文文档地址http://www.itxst.com/vue-draggable/tutorial.html

    展开全文
  • vue 轮播图 带自动分页
  • Vue框架+Element组件

    2022-03-21 23:19:14
    1.Vue框架&快速入门 划线部分要一一对应,{{}}内的是插值表达式,即绑定的值 1.1 Vue常用指令 1.1.1 v-bind&v-model 示例: 划线部分要对应 1.1.2 v-on 方法写在methods里...

    目录

    1.Vue框架&快速入门 

    1.1 Vue常用指令

    1.1.1 v-bind&v-model

    1.1.2 v-on 

    1.1.3 v-if&v-else&v-else-if&v-show 

    1.1.4 v-for 

    1.2 Vue生命周期

    1.3 Vue案例

    2.Element前端组件库概述&使用&布局

    3.基于Vue+Element的一个分页查询案例

    4.前端代码优化(扩展)


    1.Vue框架&快速入门 

     

     划线部分要一一对应,{{}}内的是插值表达式,即绑定的值


    1.1 Vue常用指令


    1.1.1 v-bind&v-model

    示例:

     划线部分要对应


    1.1.2 v-on 

    方法写在methods里


    1.1.3 v-if&v-else&v-else-if&v-show 


    1.1.4 v-for 

    示例:

    定义数组

     

     i为索引,效果如下:


    1.2 Vue生命周期

     一般掌握mounted方法即可


    1.3 Vue案例

    html代码:

      

    注意对应关系关系即可


    2.Element前端组件库概述&使用&布局

     

     官网:组件 | Elementhttps://element.eleme.cn/#/zh-CN

    Vue+Element使用理解:去Element官网获取组件搭建页面,在组件标签中使用v-model绑定模型,在<script>的Vue中设置el(绑定范围)、data(){return{}}中设置绑定数据,method:{}中设置方法。


    3.基于Vue+Element的一个分页查询案例

    PageBean代码:

    Mapper代码:

    Service代码:

    ServiceImp代码:

     

    Servlet代码:

    HTML代码:

    method:

    Vue类方法代码:

    Element组件库代码:  

     

    data代码: 


    4.前端代码优化(扩展)

     

    可以等效替换为(少处理了this关键字):


    展开全文
  • Vue.js常用插件集合---kalrry前言一、Vue.js UI组件二、Vue.js开发框架三、Vue.js实用库四、Vue.js服务端五、Vue.js辅助工具六、Vue.js应用实例七、Vue.js Demo示例八、详细分类01、UI组件框架02、滚动scroll组件...
  • vue组件库:element ui 官网 使用elementUI已经引用了最新css库,但是组件中小图标还是显示方框的解决办法 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <...
  • Vue 常用组件

    千次阅读 2020-06-12 11:59:06
    UI组件 框架 element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 ...vuetify- 为移动而生的Vue JS 2组件框架 vonic- 快速构建移动端单页应用 vue-blu- 帮助你轻松创建web应...
  • UI组件框架 element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI ... vuetify- 为移动而生的Vue JS 2组件框架 vonic- 快速构建移动端单页应用 vue-blu- 帮助...
  • vue以及常用框架

    2021-12-02 15:40:12
    js常用函数,vue基础,elementui,vant框架学习
  • 常用vue组件库总结

    千次阅读 2021-10-15 09:57:00
    常用vue组件库总结 1、element-ui 此组件框算是vue的标配 用途:适用于PC端开发 地址:点击查看 2、Vant Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。 **用途:**适用...
  • ElementUI 滴滴Web 移动端组件库cube-ui Mobile UI Components based on Vue & WeUI 针对 Vue 框架移植的 We UI 框架的适配 使用 Vue2.x + weui1.x 开发的组件 Vue-Layout - 可视化布局 基于 Vue.js 的移动端组件库...
  • Vue常用组件插件

    千次阅读 2020-09-10 16:03:36
    vue常用组件插件UI组件element- 饿了么出品的Vue2的web UI工具套件Vux- 基于Vue和WeUI的组件库mint-ui- Vue 2的移动UI元素iview- 基于 Vuejs 的开源 UI 组件库Keen-UI- 轻量级的基本UI组件合集vue-material- 通过Vue...
  • vue常用UI组件

    千次阅读 2020-01-06 08:39:04
    1.Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链...
  • vue框架

    2022-05-08 22:36:43
    官方解释:vue是一套用于构建用户界面的渐进式框架vue是一个js框架,提供了一套开发规则,按照这个开发规则可提高开发效率。 补充:渐进式意思是,vue.js本身功能局限,一旦配合其他的工具可以增强其能力。 ...
  • Vue框架开发的项目过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求?比如一个组件调用另一个组件作为自己的子组件,那么我们如何进行给子组件进行传值呢...
  • Vue2.0 Vue组件

    2022-01-12 21:11:01
    Vue组件库资源(热门的几个网站),搭建就看官方文档教程
  • Vue框架

    千次阅读 多人点赞 2022-03-11 16:44:59
    Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另...
  • Vue是一款比较流行的JS库,本文为大家介绍一些Vue组件,包括UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例等开源项目 一、Vue常用UI组件 element ★11612 – 饿了么出品的Vue2的web UI工具套件 Vux ★7503 – ...
  • vue.cli中的安装使用步骤是?有哪几大特性? css的预编译,使用步骤如下: 第一步:用npm 下三个loader(sass-loader、css-loader、node-sass) 第二步:在build目录找到webpack.base.config.js,在那个extends属性...
  • Vue常用外部组件使用

    千次阅读 2019-05-24 15:19:48
    1、Vue使用axios ...//引入vue框架 import Vue from 'vue' //引入资源请求插件 import axios from 'axios' import { stringify } from 'querystring'; //axios 配置 axios.defaults.timeout = 5000;...
  • Vue组件详解

    2022-01-23 16:38:28
    组件Vue.js最核心的功能,也是整个框架设计最精彩的地方,当然也是最难掌握的,本篇文章是《Vue.js实战》的学习记录,记录了由浅入深的去学习组件全部内容的过程。
  • vue常见的ui框架

    2022-05-31 11:37:47
    vue中的ui框架有以下常见的几种 ...iview是一套基于vue.js的ui组件库,主要服务于PC界面的中后台业务,其具有高质量、功能丰富、友好的API、灵活使用地空间等特性。 3.vux vux是一款基于vue和WeUI开
  • 1.定义:vue的任何一个文件都可以是一个组件,区别在于是否是公共组件。 2.引用:基础语法 3.父子组件之间的传值 1)父组件向子组件传方法 2)父组件调用子组件的值 组件简单小案例的实现 zu-...
  • 20多个好用的 Vue 组件

    千次阅读 2022-03-30 08:00:02
    作者:lindelof 译者:前端小智 来源:medium ...在本文中,我们将探讨一些最常见的vue js组件。你可以收藏一波。 Table 类 Vue Tables-2 地址:https://github.com/matfish2/vue-tables-2 Vue Tab.
  • 前端vue框架常用难点

    2021-01-26 21:24:32
    一、父子组件的双向数据绑定,所以在子组件是不允许修改父组件的属性的 解决办法:在子组件data中定义一个父组件传递过来的副本,再把该副本利用this.$emit("","")给传回去,父组件利用自定义事件接受该值 <...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 23,224
精华内容 9,289
关键字:

vue框架常用组件