vue前端ui框架（vuejs 前端框架）

本篇文章给大家谈谈vue前端ui框架，以及vue.js 前端框架对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享vue前端ui框架的知识，其中也会对vue.js 前端框架进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、Vue项目 UI框架介绍（第六天上）
• 2、几款实用的VUE移动端UI框架
• 3、Vue UI 了解一下

Vue项目 UI框架介绍（第六天上）

1.什么是elementUI?
ElementUI是饿了么前端团队推出的一款基于Vue的桌面端UI框架
大白话: 和Bootstrap一样对原生的HTML标签进行了封装, 进行了美化, 让我们能够专注于业务逻辑而不是UI界面

2.elementUI使用
https://element.eleme-/#/zh-CN/component/installation

3.elementUI优化
默认情况下无论我们有没有使用到某个组件, 在打包的时候都会将elementUI中所有的组件打包到我们的项目中
这样就导致了我们的项目体积比较大, 用户访问比较慢

4.如何优化
为了解决这个问题, elementUI推出了按需导入, 按需打包. 也就是只会将我们用到的组件打包了我们的项目中
没有用到的组件不会被打包
https://element.eleme-/#/zh-CN/component/quickstart

1.什么是MintUI?
MintUI是饿了么前端团队推出的一款基于Vue的移动端U框架
大白话:和Bootstrap一样对原生的HTML标签进行了封装，让我们能够专注于业务逻辑而不是UI界面
2.mintUI使用
http://mint-ui.github.io/#!/zh-cn
3.注意点: MintUI和ElementUI的第一个不同, 就是在MintUI中需要通过Vue.component来告诉Vue我们需要使用

1.什么是Vant?
在使用MintUI的过程中发现有很多的坑，所以个人不推荐在移动端中选择MintUIXant是有赞前端开发团队又推出的一款 基于Vue的移动端UI框架
大白话:和Bootstrap一样对原生的HTML标签进行了封装，进行了美化，让我们能够专注于业务逻辑而不是UI界面

Vue.use只能use插件，不能use组件
那么如何将一个组件封装成一个插件呢？
1.Vue.use()做了什么事情?
Vue.use的作用是注册一个Vue插件(注册组件), Vue.use必须在new Vue之前使用

2.什么时候需要定义插件?
当某一个组件或者功能经常需要被使用到时, 我们就可以将这个组件或者功能定义成一个插件
例如: 网络加载指示器

3.如果自定义一个插件?
https://cn.vuejs.org/v2/guide/plugins.html#%E5%BC%80%E5%8F%91%E6%8F%92%E4%BB%B6

几款实用的VUE移动端UI框架

文档地址：https://doc.vux.li/zh-CN/

演示地址：https://vux.li/demos/v2/?x-page=v2-doc-home#/

基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式（下拉刷新上拉加载组件不再维护，其余组件相对丰富）

文档地址：https://wangdahoo.github.io/vonic-documents/#/

演示地址：https://wangdahoo.github.io/vonic/docs/#/home
 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约

文档地址：https://didi.github.io/cube-ui/#/zh-CN/docs/introduction

演示地址：https://didi.github.io/cube-ui/#/zh-CN/example

滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库；组件效果优；视觉效果很棒

文档地址：http://mint-ui.github.io/docs/#/

演示地址：http://elemefe.github.io/mint-ui/#/

最接近原生APP体验的高性能前端框架
文档地址：https://youzan.github.io/vant/#/zh-CN/intro

演示地址：https://youzan.github.io/vant/mobile.html#/zh-CN/

有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件
文档：http://nutui.jd.com/#/intro

演示地址：http://nutui.jd.com/demo.html#/index

一套京东风格的轻量级移动端Vue组件库

特性
跨平台，自动转微信小程序组件（稍后上线，敬请期待）

30+ 京东移动端项目正在使用

基于京东APP 7.0 视觉规范

支持按需加载

详尽的文档和示例

支持定制主题

支持多语言（国际化）

支持 TypeScript

支持服务端渲染（Vue SSR）

单元测试加持

配套有基于Webpack的构建工具，可快速创建已内置本组件库的Vue工程

Vue UI 了解一下

前端框架百花齐放、争奇斗艳，令人眼花缭乱。大神们一言不合就整一个框架出来，另小白们无所适从。下面罗列了一些比较优秀的UI框架，Star多的大都是老牌劲旅，Star少的许多是后起之秀。

（1）Element 饿了么 vue 2.0后台UI框架 (Star:18382)

https://github.com/ElemeFE/element

（2）iview组件库 (Star:10186)

iView 主要服务于 PC 界面的中后台业务，很优秀的组件库，可惜不适合移动端
https://github.com/iview/iview
https://iviewui.com/

（3）vux 基于Vue和WeUI的移动UI组件 (Star:9762)
Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
https://github.com/airyland/vux
https://vux.li/

（4）Mint-UI 饿了么移动端组件库 (Star:8062)
由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库
https://github.com/ElemeFE/mint-ui

（5）vue-admin 管理面板UI框架 (Star:6289)
https://github.com/vue-bulma/vue-admin

（6）vue-material为 Vue.js 打造的 Material 风格的组件 (Star:4550)
https://github.com/vuematerial/vue-material
https://vuematerial.github.io/#/

（7）vue-strap基于 Vue.js 的 Bootstrap 组件 (Star:4400)
https://github.com/yuche/vue-strap
http://yuche.github.io/vue-strap/

（8）KeenUI 基于Material Design的UI (Star:3041)
https://josephuspaye.github.io/Keen-UI/

（9）vonic (Star:2276)
https://github.com/wangdahoo/vonic/
https://wangdahoo.github.io/vonic/docs/#/

（10）Radon-ui awe大神最近写的一套UI (Star:791)
https://github.com/luojilab/radon-ui

（11）N3-components 基于N3ui (Star:781)
https://github.com/N3-components/N3-components

（12）vue-carbon (Star:739)
https://github.com/myronliu347/vue-carbon

上文转自于 https://www-blogs.com/tkzc2013/p/8127294.html

更多 vue 框架参考 https://www.awesomes-/subject/vue# 应用-框架
优秀的 github demo 推荐 https://github.com/bailicangdu 关于vue前端ui框架和vue.js 前端框架的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 vue前端ui框架的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于vue.js 前端框架、vue前端ui框架的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。