PC端，移动端 组件库 element-ui iview vant

1-1.element-ui

网址:Element - The world's most popular Vue UI framework

1.定义

基于vue2.0的桌面端组件库,一般使用于pc端中后台系统的开发

2.安装

• npm

npm i element-ui -S

3.引入

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

4.使用

从elementui官网 复制

包含哪些部分

1） 基本组件

布局、color、button

2) form表单

3） data遍历数据相关的组件

4） 弹框提示

1-2.iview

网址:https://iviewui.com/docs/introduce

1.定义

一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品

2.安装

• npm

npm install view-design --save

3.引入

​

4.使用

​

1-3.vant(移动端ui组件库)

网址:Vant - Mobile UI Components built on Vue

1.定义

轻量、可靠的移动端 Vue 组件库

2.安装

• npm

npm i vant -S

3.引入

4.使用

less

1. 先下载

npm i less@3 less-loader@5

1. 为style设置 lang="less"

总结