一、

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-uiimport MintUI from 'mint-ui'import 'mint-ui/lib/style.css'Vue.use(MintUI)//  注意样式文件要单独引入

// 按需导入1、安装 babel-plugin-componentcnpm install babel-plugin-component -D2、修改 .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

155185.html