elementUI:

    如何使用

    官网:http://element.eleme.io/

使用:

. 安装 element-ui

    npm i element-ui -S

    npm install element-ui --save-dev

    //   i    ->    install

    //   D     ->    --save-dev  开发依赖

    //   S    ->    --save         开发生产依赖

. 引入   main.js    入口文件

    import ElementUI from 'element-ui'

    import 'element-ui/lib/theme-default/index.css'（需要引入css）

    全部引入

. 使用组件

    Vue.use(ElementUI)

    style-loader

    css-loader      引入css  （loader:'style!css'）

    file-loader    字体图标库    

    less:

        less  （定义变量，函数，传参）

        less-loader

按需加载相应组件:    √

    就需要 按钮，需要安装一个插件 babel-plugin-component

. babel-plugin-component

    cnpm install babel-plugin-component -D

. .babelrc文件里面新增一个配置

      "plugins": [["component", [

        {

          "libraryName": "element-ui",

          "styleLibraryName": "theme-default"

        }

      ]]]

. 想用哪个组件就用哪个

    引入:

        import {Button,Radio} from 'element-ui'

    使用:

        a). Vue.component(Button.name, Button);  个人不太喜欢

        b). Vue.use(Button);   √

    ui组件的引入和使用可以单独写在一个js文件中

1. 下载

    npm install mint-ui -S

    -S

    --save

2. 引入

    import Vue from 'vue';

    import Mint from 'mint-ui';

    import 'mint-ui/lib/style.css' （还需要引入css模块）

    Vue.use(Mint);

    按需引入:

    import { Cell, Checklist } from 'minu-ui';

    Vue.component(Cell.name, Cell);

    Vue.component(Checklist.name, Checklist);

http://mint-ui.github.io/docs/#!/zh-cn2