在Vue中使用MintUI

MintUI是个基于Vue.js的一个移动端组件库，对于Vue项目来说比较好用
在这里简单介绍如何在Vue中使用Mint UI

1.先安装Mint-UI的包

npm i mint-ui -S//如果速度较慢可以使用cnpm

2.引入组件

//这个是引入全部的组件
import MintUI from "mint-ui"
import 'mint-ui/lib/style.css'
Vue.use(MintUI)

//按需引入部分组件
import { Cell, Checklist } from 'minu-ui';
Vue.component(Button.name,Button)

3.然后就可以在你的.vue文件使用了，具体的样式直接查官方文档就可以了

<mt-button type="default" @click="show">提示信息</mt-button>
<mt-button type="primary" disabled size='small'>primary</mt-button>
<mt-button type="danger" plain  icon="back">default</mt-button>

4.注意：如果是按需导入部分组件的话，只有上面的代码是不够的，解决办法如下：

1. 下载 Mint UI 组件库，网址： https://github.com/ElemeFE/mint-ui
2. 在下载的组件库里，复制你需要的组件，粘贴到你的项目中。
3. 将该组件引入、挂载到项目中使用即可

总结：从上面的步骤可以看出Mint UI的使用还是比较简单的，只要查一下官方文档还是比较容易上手的，这是官方文档的地址：http://mint-ui.github.io/#!/zh-cn