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('提示信息');
}
},