大家好，又见面了，我是你们的朋友全栈君。
一、
MUI不同于Mint-UI，MUI只是开发出来的一套很好用的代码片段，里面提供了配置的样式，配置的HTML代码段，类似于Bootstrap；
而Mint-UI，是真正的组件库，是使用了Vue技术封装出来的成套的组件，可以无缝的和VUE项目进行集成开发；
因此，从体验上来说，Mint-UI体验更好，因为这是别人帮我们开发的现成的组件库；MUI和bootstrap类似
理论上，任何项目都可以使用MUI或Bootstrap，但是，Mint-UI只适用于Vue项目
二、安装mint-ui
代码语言：javascript复制cnpm install mint-ui -S三、引入
代码语言：javascript复制// 引入 整个mint-ui
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)
// 注意样式文件要单独引入// 按需导入
1、安装 babel-plugin-component
cnpm install babel-plugin-component -D
2、修改 .babelrc 文件
{
"presets": ["@babel/preset-env", "mobx"],
"plugins": ["@babel/plugin-transform-runtime",["component",{
"libraryName":"mint-ui",
"style":true
}]]
}
3、使用
import {Button} from 'mint-ui'
Vue.component(Button.name,Button)
4、注意：
要将 import MintUI from 'mint-ui' 注释掉
保留 import 'mint-ui/lib/style.css'四、分类
1、JS componnets
2、css components
3、form components
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/155185.html原文链接：https://javaforall.cn
