Vue UI框架——Mint UI的使用

饿了么公司基于vue开的的vue的Ui组件库

        Element Ui    基于vue  pc端的UI框架    http://element-cn.eleme.io/#/zh-CN

        MintUi        基于vue 移动端的ui框架    https://mint-ui.github.io/#!/zh-cn

Mint UI的使用

1、安装 npm install mint-ui -S -S表示 --save

2、在main.js中引入mint Ui的css 和 插件

        import Mint from 'mint-ui';

        Vue.use(Mint);

        import 'mint-ui/lib/style.css'

3、查看文档，直接复制文档中提供的组件代码到项目中，即可使用。

4、文档中提供的部分组件，如果直接复制代码到咱们的项目中，是无法运行的。解决办法如下：

（1）下载 Mint UI 组件库，网址： https://github.com/ElemeFE/mint-ui

img1

（2）在下载的组件库里，复制你需要的组件，粘贴到你的项目中。

img2

（3）将该组件引入、挂载项目中，并使用即可。

拓展：在mintUi组件上面执行事件的写法是  @click.native