Vue再学习4_基于 Vue.js 的移动端组件库Mint UI

本文主要是介绍Vue再学习4_基于 Vue.js 的移动端组件库Mint UI，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Vue再学习4_基于 Vue.js 的移动端组件库Mint UI

地址

https://mint-ui.github.io/#!/zh-cn

引入步骤

1、通过npm安装对应的库

Vue 2.0npm install mint-ui -S

2、 引入全部组件

在main.js中添加

import Vue from 'vue'; import Mint from 'mint-ui'; Vue.use(Mint);

3、引入对应的样式

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

4、按照示例引入对应要用的功能

<mt-header title="多个按钮"><router-link to="/" slot="left"><mt-button icon="back">返回</mt-button><mt-button @click="handleClose">关闭</mt-button></router-link><mt-button icon="more" slot="right"></mt-button>
</mt-header>

5、根据需求添加一些交互事件或者隐藏对应的内容

 methods:{handleClose(){Toast('提示信息');}
},

 

这篇关于Vue再学习4_基于 Vue.js 的移动端组件库Mint UI的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---