安装

#Vue1.xnpminstallmint-ui@1-S#Vue2.0npminstallmint-ui-S

main.js导入MintUI 和样式

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

使用tabbar

<template><mt-tabbar><mt-tab-itemid="tab1"><imgslot="icon"src="../assets/logo.png">tab1</mt-tab-item><mt-tab-itemid="tab2"><imgslot="icon"src="../assets/logo.png">tab2</mt-tab-item><mt-tab-itemid="tab3"><imgslot="icon"src="../assets/logo.png">tab3</mt-tab-item><mt-tab-itemid="tab4"><imgslot="icon"src="../assets/logo.png">tab4</mt-tab-item></mt-tabbar></template><script>import{Tabbar,TabItem}from'mint-ui';importVuefrom'vue'Vue.component(Tabbar.name,Tabbar);Vue.component(TabItem.name,TabItem);exportdefault{name:"MintUI",mounted(){}}</script>

看完上述内容,你们对Vue中如何使用MintUI移动组件库有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注本站行业资讯频道,感谢大家的支持。