官网: http://mint-ui.github.io/#!/zh-cn
1.安装包 npm install mint-ui -S
2.导包
import Vue from 'vue'
import MintUi from 'mint-ui' // 导入全部组件
import 'mint-ui/lib/style.css'
Vue.use(MintUi)
3.css类mint-ui组建的使用
4.js类mint-ui组建的使用
按需再导入一次,再使用
5,按需导入
import { Button } from 'mint-ui'
Vue.component('mt-button', Button)
6.按需导入mint-ui时.babelrc文件的配置
{
"presets": ["@babel/preset-env"],
"plugins": [
"@babel/plugin-transform-runtime","@babel/plugin-proposal-class-properties",
["component",
{
"libraryName": "mint-ui",
"style": true
}
]
]
}
Mui的使用:
1.手动在GitHub上下载MUI的压缩包
2.解压包,在mui-master\examples\hello-mui\examples路径下查找自己需要的组件模型,找到后,拷贝代码段到自己的项目里面
3.将压缩包下里面的dist目录完整的拷贝到自己项目的lib目录下
4.导入第三步拷贝的样式文件(import './lib/mui/css/mui.min.css')