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-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