Mint-UI

一、

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