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

作者：牧码狗
链接：https://www.jianshu.com/p/ed612b7ad565
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。