基于Vue的Ui框架

饿了么公司基于vue开的的vue的Ui组件库

Element Ui    基于vue  pc端的UI框架 饿了么

MintUi        基于vue 移动端的ui框架mint


mintUI的使用:


1.找官网

2.安装  npm install mint-ui -S        -S表示  --save

3.引入mint Ui的css 和 插件

import Mint from 'mint-ui';

Vue.use(Mint);

import 'mint-ui/lib/style.css'

4.看文档直接使用。



基于Vue的Ui框架_第1张图片

element UI的使用:

1.找官网  http://element.eleme.io/#/zh-CN/component/quickstart

2.安装  cnpm i element-ui -S        -S表示  --save

3.引入element UI的css 和 插件

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

4、*webpack.config.js  配置file_loader      http://element.eleme.io/1.4/#/zh-CN/component/quickstart

  {

test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,

loader: 'file-loader'

          }


基于Vue的Ui框架_第2张图片


基于Vue的Ui框架_第3张图片

4、*webpack.config.js  配置file_loader 



基于Vue的Ui框架_第4张图片

你可能感兴趣的:(基于Vue的Ui框架)