三种常用的UI库的安装使用:iview,element与vant

在开发项目时,我们可能会用到直接封装好的UI库,用UI库的好处是可以快速的实现某些需求,更重要的是样式效果也很美观,像我们开发PC端项目用得较多的UI框架就是iview和element,而开发移动端用得较多的就是vant,今天我们来学习一下这三个ui库的安装使用吧。

iview

View UI,即原先的iView,是一套基于 Vue.js 的开源 UI 组件库,主要服务于PC 界面的中后台产品。官网是https://www.iviewui.com/docs/introduce

安装iview

npm install iview -S

main.js里引入

import iview from ‘iview’;
import ‘iview/dist/styles/iview.css’;
Vue.use(iview);

element-ui

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,这套ui库可以在vue项目,react项目或者angular项目中均可使用,但是在不同的框架下使用稍有差别。

vue项目中使用element-ui进入:
https://element.eleme.cn/#/zh-CN/component/installation

react项目中使用element-ui进入:

你可能感兴趣的:(vue2,vue.js,css3,npm)