前端框架Vue的组件库(UI框架)的初步认识
首先我们聊一聊前端的UI框架,也可以说是组件库.UI框架种类繁多,举几个例子:iView UI,ElementUI,layUI,BootStrap,EasyUI等等.
UI组件库的优点便是让程序员不再亲自布局页面样式,无疑节省了时间和人力成本,但对于Vue框架而言,却并不是所有的UI组件库都适合它.
Vue作为目前最火最流行的前端框架之一,自然有它独特的优点.Vue最大的好处就是前端页面不必直接操作DOM树了,而是采用数据的双向绑定,这样一来也就释放了程序员的双手,让程序员更多地关注前端业务逻辑本身.而像BootStrap,layUI等组件库更多的却是借助于jQuery操作DOM元素来实现的.所以如果我们前端采用的是VUE框架,那么就要选择与之吻合的UI组件库,这样才能达到目的.
同样,基于Vue的UI组件库也是不少,比如:iView UI组件库,Element UI组件库,Ant Design Vue UI组件库等等.这里我就简单介绍三种我接触过基于Vue的UI组件库.
1.Element UI
饿了么旗下的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,组件齐全，基本涵盖后台所需的所有组件,开源,GitHub上Star44k已经说明了其受欢迎度,应该是当下使用最广泛的UI组件库了.
官网：http://element.eleme.io/#/zh-CN
2.Ant Design Vue UI
Ant Design Vue是 Ant Design 3.X 的 Vue 实现，是蚂蚁金服推出的一款服务于企业级产品的设计。推荐大的项目使用.
官网：https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/
3.Vuetify
Vuetify组件库与前两者最大的区别就是它是由国外开发.但是却有着特有的优点:
1)Vuetify几乎不需要任何CSS代码，而element-ui许多布局样式需要我们来编写;
2)Vuetify基于Material Design（谷歌推出的多平台设计规范），更加美观，动画效果酷炫，且风格统一
3)Vuetify从底层构建起来的语义化组件更容易学习记忆
最后,可能有人问,既然Vue的UI组件库这么多,我们到底该如何选择呢?
首先小编觉得无论哪个组件库都有着丰富的组件,如果项目对于页面布局样式没有特殊的要求,基本上都可以实现.不过话说回来,每个组件库也都有着各自的优缺点,所以至于最终选择哪一款组件库,还要取决于我们项目的具体要求.
