vue前端框架—Mint UI详解（更适用于移动端）
更新时间：2019年04月30日 09:47:03 作者：zeternityyt
这篇文章主要介绍了vue前端框架—Mint UI的详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
一、mintUI简介
mint是一个基于vue的前端UI框架，而它的样式比较类似于手机的样式，可以说是一个基于vue打包app的UI框架，使用mint框架可以给使用vue打包的app的用户更好的交互体验。mint已支持vue2.0。
二、安装和引入mintUI
在安装之前首先要对vue.js有所了解，有一个建立好的vue的项目以及安装好的node.js。
执行命令npm i mint-ui -S，出现以下界面代表安装成功。
引入muitUI：
在main.js中加入
import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(MintUI)
注意：样式需要单独引入。这样引入可以引入全部的组件
如果不想引入全部组件，只想按需引入，则需要安装
npm install babel-plugin-component -D
修改.babeirc为：
然后import需要的组件就可以了
三、使用示例
1、提示信息toast
html:
'
js:
在页面中的效果：
2、消息提示框
html:
js:
页面效果：
更多的示例和具体使用方法请看mintUI官方文档：http://mint-ui.github.io/#!/zh-cn
通过以上的两个示例可以看到，使用mintUI的用户交互界面要友好很多，在基于vue开发app的时候可以考虑使用这个前端UI框架。
以上所述是小编给大家介绍的vue前端框架—Mint UI的详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
本篇文章主要介绍了vue 计时器组件的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
vue this.$router和this.$route区别解析及路由传参的2种方式 && this.$route
this.$router 相当于一个全局的路由器对象,包含了很多属性和对象（比如 history 对象）,任何页面都可以调用其 push(), replace(), go() 等方法,本文给大家介绍Vue中this.$router与this.$route的区别 及push()方法,感兴趣的朋友跟随小编一起看看吧2023-10-10
在现代Web开发中,通过在页面中嵌入3D场景,可以为用户提供更加丰富和交互性的体验,Three.js是一款强大的3D JavaScript库,它简化了在浏览器中创建复杂3D场景的过程,本文将介绍如何在Vue中使用Three.js,创建一个简单的交互式3D场景,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了vue 绑定对象,数组之数据无法动态渲染案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
我想要获取每一个循环并获取每一个li(或者其它循环项)的ref,以便于后续的操作,接下来通过本文给大家分享vue中循环多个li(表格)并获取对应的ref的操作代码,感兴趣的朋友跟随小编一起看看吧2024-02-02
插槽（Slot）是Vue.js中一个非常重要的概念,它极大地提高了组件的复用性和灵活性,通过插槽,我们可以自定义组件的内容,使其能够适应不同的场景,本文将结合实际案例,详细介绍Vue中插槽的基本用法、类型以及高级技巧,需要的朋友可以参考下2024-11-11
本篇文章主要介绍了详解Vue 全局引入bass.scss 处理方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了vue单页开发父子组件传值思路详解,本文是小编抽空整理的思路，感兴趣的朋友跟随脚本之家小编一起学习吧2018-05-05
vue3.0使用vue-pdf-embed在线预览pdf 控制页码显示范围不生效问题解决
这篇文章主要介绍了vue3.0使用vue-pdf-embed在线预览pdf 控制页码显示范围不生效问题的问题及解决方法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2023-01-01
在本篇文章里小编给大家整理的是关于vue中使用rem布局代码详解知识点，需要的朋友们参考下。2019-10-10
最新评论