大家好，又见面了，我是你们的朋友全栈君。
一、
MUI不同于Mint-UI，MUI只是开发出来的一套很好用的代码片段，里面提供了配置的样式，配置的HTML代码段，类似于Bootstrap；
而Mint-UI，是真正的组件库，是使用了Vue技术封装出来的成套的组件，可以无缝的和VUE项目进行集成开发；
因此，从体验上来说，Mint-UI体验更好，因为这是别人帮我们开发的现成的组件库；MUI和bootstrap类似
理论上，任何项目都可以使用MUI或Bootstrap，但是，Mint-UI只适用于Vue项目
二、安装mint-ui
cnpm install mint-ui -S
三、引入
// 引入 整个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.net/155185.html原文链接：https://javaforall.net
![<span role="heading" aria-level="2">[紧急通告]关于蓝色理想经典论坛无法访问的声明](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
