Vue中如何使用MintUI移动组件库

今天就跟大家聊聊有关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移动组件库有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。