今天就跟大家聊聊有关Vue中如何使用MintUI移动组件库，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。
安装
# Vue 1.xnpm install mint-ui@1 -S# Vue 2.0npm install mint-ui -S
main.js导入MintUI 和样式
import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'
使用tabbar
<template> <mt-tabbar > <mt-tab-item id="tab1"> <img slot="icon" src="../assets/logo.png"> tab1 </mt-tab-item> <mt-tab-item id="tab2"> <img slot="icon" src="../assets/logo.png"> tab2 </mt-tab-item> <mt-tab-item id="tab3"> <img slot="icon" src="../assets/logo.png"> tab3 </mt-tab-item> <mt-tab-item id="tab4"> <img slot="icon" src="../assets/logo.png"> tab4 </mt-tab-item> </mt-tabbar></template><script> import { Tabbar, TabItem } from 'mint-ui'; import Vue from 'vue' Vue.component(Tabbar.name, Tabbar); Vue.component(TabItem.name, TabItem); export default { name: "MintUI", mounted() { } }</script>
看完上述内容，你们对Vue中如何使用MintUI移动组件库有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注本站行业资讯频道，感谢大家的支持。
