美文网首页Vue
Vue UI框架——Mint UI的使用

Vue UI框架——Mint UI的使用

作者: 向上而活 | 来源:发表于2018-06-16 17:32 被阅读52891次

饿了么公司基于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

相关文章

  • mint-ui

    mint-ui 基于vue.js的移动端组件库 安装mint-ui 导入mint-ui包 mint-ui中使用bu...

  • 2020前端UI框架排行榜

    一.Mint UI 流行指数:★★★★Mint UI是 饿了么团队开发基于 Vue.js 的移动端UI框架,它包含...

  • vue前端UI框架

    一.Mint UI 流行指数:★★★★Mint UI是 饿了么团队开发基于 Vue.js 的移动端UI框架,它包含...

  • Vue插件总结

    框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素...

  • vue插件总结

    UI组件 框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移...

  • vue插件汇总

    一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的...

  • vue2 插件集合

    一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2...

  • 基于Vue的Ui框架

    饿了么公司基于vue开的的vue的Ui组件库 Element Ui 基于vue pc端的UI框架饿了么 Mint...

  • vue学习收录

    框架 element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 i...

  • mint-ui(基于 Vue.js 的移动端组件库)官网不能访问

    问题 这段时间在学习Vue和mint-UI的结合使用,发现mint-UI不能访问;官网:http://mint-u...

网友评论

    本文标题:Vue UI框架——Mint UI的使用

    本文链接:https://www.haomeiwen.com/subject/nvjbeftx.html