五、vue常用UI组件

下面简单的总结下vue常用的一些UI 组件,有一些我也没怎么用过,这里先罗列出来,便于自己后面使用的时候查找方便,大家有更好的可以给我推荐哦~

vuex:

vux github ui demo:https://github.com/airyland/vux

Mint UI

项目主页:http://mint-ui.github.io/#!/zh-cn

demo:http://elemefe.github.io/mint-ui/#/

github地址:https://github.com/ElemeFE/mint-ui

中文文档地址:http://mint-ui.github.io/docs/#!/zh-cn

iview

iView 配套的工作流:https://github.com/icarusion/vue-vueRouter-webpack

github地址:https://github.com/iview/iview

官网:https://www.iviewui.com/

vue-mui

官网:http://mui.yaobieting.com/

github地址:https://github.com/creatshare/vue-mui

radon-ui

中文文档:https://luojilab.github.io/radon-ui/#!/

github:https://github.com/luojilab/radon-ui

antd vue

中文文档:http://okoala.github.io/vue-antd/#!/components

github:https://github.com/okoala/vue-antd

weex

社区:http://www.weex.help/

官网:http://weex-project.io/cn/

github:https://github.com/alibaba/weex

中文文档:http://www.weex.help/topic/57792770eb60516a48db5485

element(饿了么后台)

Element 是由饿了么UED设计、饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库。

官网:http://element.eleme.io/#/zh-CN

饿了么github:http://github.com/elemefe

N3

官网:https://n3-components.github.io/N3-components/

中文文档:https://n3-components.github.io/N3-components/component.html

英文文档:https://github.com/N3-components/N3-components

vuikit

github:https://github.com/vuikit/vuikit

英文文档:https://vuikit.js.org/#/

vux-ui

https://vux.li/#/

时间: 2024-10-10 13:07:02

五、vue常用UI组件的相关文章

[转]VUE优秀UI组件库合集

原文链接 随着SPA.前后端分离的技术架构在业界越来越流行,前端的业务复杂度也越来越高,导致前端开发者需要管理的内容,承担的职责越来越多,这一切,使得业界对前端开发方案的思考多了很多,以react.vue等框架为代表推动的组件化开发模式越来越被开发者认可,这种模式极大的降低了我们开发与维护的成本.vue作为一款深受广大群众以及尤大崇拜者的喜欢,特此列出在github上开源的vue优秀UI组件库供大家参考,期待开发者们推出更多优秀的组件库. 本文分为两大部分介绍:PC端和移动端. 首先介绍PC端

目前流行前端几大UI框架 ----vue Vue的UI组件库

在前端项目开发过程中,总是会引入一些UI框架,已为方便自己的使用,很多大公司都有自己的一套UI框架,下面就是最近经常使用并且很流行的UI框架. 一.Mint UI 屏幕快照 2019-01-18 下午3.03.59.png Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要. 官网:https://mint-ui.github.io/#!/zh-cn Github: https://github.com/Elem

Android常用UI组件 - Button

按钮(Button)是Android当中一个常用的UI组件,很小但是在开发中最常用到.一般通过与监听器结合使用,从而触发一些特定事件. Button继承了TextView.它的功能就是提供一个按钮,这个按钮可以供用户点击,当用户对按钮进行操作的时候,触发相应事件,如点击,触摸.一 般对于一个按钮而言,用的最多的就是点击事件,Button间接继承自View,而Android UI中的所有事件,都是定义在View中的. 实例:ButtonDemo 运行效果: 代码清单: 布局文件:main.xml

vue配合UI组件

bootstrap 创建项目 首先使用脚手架搭出项目基本框架,具体方法可以参考前面的文章. 1,执行命令创建项目:vue init webpack-simple vue-bootstrap 2,下载相关依赖:npm vue-bootstrap 3,启动项目:npm run dev 出现这个界面就说明项目创建成功了. 引入bootstrap 1,使用之前需要先在项目中下载bootstrap,在项目根目录执行命令:npm install bootstrap 2,下载完成后,在index.html文件

造个自己的Vue的UI组件库类似Element

前言 随着前端的三大框架的出现,组件化的思想越来越流行,出现许多组件库.它能够帮助开发者节省时间提高效率, 如React的Ant-design,Vue的iView,Element等,它们的功能已经很完善了. 我写这遍文章的目的:记录自己搭建UI库的过程(对Vue的理解加深了好多)演示地址首先讲一下思路: 平常写组件时,写一个组件要用时直接导入就行了,如你写了一个time.vue,用的时候 import time from '路径' 现在要写一个组件库,是不是把所有组件一个文件夹里(如button

Android常用UI组件 - EditText

EditText是接受用户输入信息的最重要Android UI组件,可以利用EditText.getText()获取它的文本内容. 实例:EditTextDemo 运行效果: 代码清单: 布局文件:main.xml <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android&quo

Cocos2dx3.2编写常用UI组件(五)带滚动的表格GridView

前言: 按照惯例先发上效果图: 正文: 先来吐槽几句,一说起滚动效果大家可能会联想到Cocos2dx给我们提供的ScrollView.我一开始也是打算用ScrollView来实现的,但是用着用着发现出现了各种莫名其妙的错误,所以只好自己重新写一个Node,通过onTouchBegan和onTouhMoved两个事件回调来实现滚动的效果. GridView使用说明: 1.利用GridView::create(int row,int column)来创建一个GridView,row和column分别

Android常用UI组件 - ListView

列表视图(ListView)是Android当中一个非常重要的组件,它以列表的形式展示具体内容,并且能够根据数据的长度自适应显示. 列表的显示需要三个元素: 1.ListVeiw 用来展示列表的View. 2.适配器 用来把数据映射到ListView上的中介. 3.数据 具体的将被映射的字符串,图片,或者基本组件. 首先介绍"适配器"这个基础概念.在列表中定义的数据都通过"适配器"来映射到ListView上,ListView中常用的适配器有两种: ArrayAdap

android常用UI组件 学习整理

AutoCompleteTextView  自动完成输入框  实现输入提示列表供选择 GridView 网格列表 ExpandableListView 可折叠列表组件 Spinner 下拉列表选择框 Gallery 画廊  实现滑动操作的图片集 AdapterViewFlipper 实现图片轮播 StackView 堆叠视图 ProgressBar 进度条 SeekBar 拖动条 RatingBar  星级评分条 ViewAnimator View切换时表现出动画效果 ImageSwitcher