上一篇讲了vuex库的引入,这篇我们会对主流的vue.js的UI库做比较并详细的介绍一下iView这个UI库。
第六阶段:引入iView库
主流vue.js的UI库比较
- Element
Element是饿了么前端开发的一套UI库。除了vue.js,它还支持了React和Angular这两个前端开发框架,在市场上不断获得好评。在官网上,它主要强调了一致性、反馈、效率和可控这四个特点。这个UI库虽然样式丰富而且支持vue2.0,但生硬的风格一直是为人诟病。
- N3
N3这个UI库是个人开发的开源项目,目前为止在GitHub上已经有800+的star。同样,它也是支持vue2.0的,但是组件的可选属性比较少。
- HeyUI
HeyUI也是个人开发的一套UI库,它宣传的是简单、快速和可扩展。诞生的时间不是很长,但已经产生了不少影响。它也是支持vue2.0的,但是由于过新有很多功能还是不健全。
- iView
iView是我个人最看好的一个UI库。实际上也是个人开发的UI库,但是被很多大公司采用。样式风格也非常吸引人,而且组件丰富。我觉得以后会成为vue.js开发的标准UI库。当然,它也支持vue2.0的。
常用组件支持性对比1
常用组件支持性对比2
这是常用组件支持性对照表,可以看出Element和iView是比较全的。
如何引用iView库
官方推荐用npm安装,我们也这样将它引入我们的工程:
npm install iview --save
然后在main.js文件中引用:
import iView from 'iview';
import 'iview/dist/styles/iview.css';
Vue.use(iView);
本系列就到此为止了,主要是我自己对这小半年来知识的总结以及自己的反思,也希望分享给别人。网上有很多类似的教程,我之前也参考了部分,但都不是浅显易懂,尤其对那些没有前端模块化编程经验的同学来说。另外,我在写博客的构建的环境也会上传到我的GitHub上,希望大家star一下。