大家好,又见面了,我是你们的朋友全栈君。
一、
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
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/155185.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...