1. 程式人生 > >Vue ElementUI 的使用

Vue ElementUI 的使用

-c AD style test 餓了麽 index -s element --

簡介:

餓了麽公司基於vue開的的vue的Ui組件庫
1.Element Ui 基於vue pc端的UI框架
2. MintUi 基於vue 移動端的ui框架

element UI的使用:

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

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

3.引入element UI的css 和 插件(main.js中)

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 ElementUI 的使用