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>