SOURCE

console 命令行工具 X clear

                    
>
console
类似但不同于bootstrap,minui是基于vue.js


1.安装 vue 1x版本
    npm install mint-ui@1 -s
    vue 2x版本
    npm install mint-ui -s

2. 引入
  引入全部,完整的组件  ---缺点:体积太大
    import Vue from 'vue'
    import Mint from 'mint-ui'
    Vue.use(mint)
  按需引入部分组件
    import {cell,checklist} from 'mint-ui'
    Vue.component(Cell.name,Cell)
    Vue.component(checklist.name,checklist)

3. 导入css
    import 'mint-ui/lib/style.css'


按需导入

1.借助babel-plugin-component    
    安装    npm install babel-plugin-component -D
2.修改 .babelrc
"plugins":[
    ["component",[{
        "libraryName":"mint-ui",
        "style":true
    }]]
]

3. import {Button} from 'mint-ui'
    Vue.component{'mybtn',Button}

4.展示页    <mybtn>自定义按钮</mybtn>