Element-ui,Mint-ui

style-loader css-loader

style!css

饿了么团队开源一个基于vue 组件库
　　elementUI PC
　　MintUI 移动端

官网：

　　http://element.eleme.io/

　　http://mint-ui.github.io/

使用:
　　1. 安装 element-ui
　　　　npm i element-ui -D

　　　　npm install element-ui --save-dev

　　　　// i -> install
　　　　// D -> --save-dev
　　　　// S -> --save
　　2. 引入 main.js 入口文件
　　　　import ElementUI from 'element-ui'
　　　　import 'element-ui/lib/theme-default/index.css'

　　全部引入
　　3. 使用组件
　　　　Vue.use(ElementUI)

　　　　css-loader 引入css
　　　　字体图标 file-loader

　　less:
　　less
　　less-loader

按需加载相应组件:
　　就需要按钮
　　1. babel-plugin-component
　　　　cnpm install babel-plugin-component -D
　　2. .babelrc文件里面新增一个配置
　　"plugins": [["component", [
　　{
　　　　"libraryName": "element-ui",
　　　　"styleLibraryName": "theme-default"
　　}
　　]]]
　　3. 想用哪个组件就用哪个
　　　　引入:
　　　　import {Button,Radio} from 'element-ui'
　　　　使用:
　　　　　　a). Vue.component(Button.name, Button); 觉得这个不好
　　　　　　b). Vue.use(Button); √

巴特西

Element-ui,Mint-ui

最新文章

热门文章