mobile-shop/src/components/Tabber.vue

<template>
    <van-tabbar v-model="active">
        <van-tabbar-item replace to="/home" icon="wap-home">主页</van-tabbar-item>
        <van-tabbar-item replace to="/cateGory" icon="expand">分类</van-tabbar-item>
        <van-tabbar-item replace to="/shopCart" icon="shopping-cart">购物车</van-tabbar-item>
        <van-tabbar-item replace to="/me" icon="manager">我的</van-tabbar-item>
    </van-tabbar>
</template>
<script>
export default {
    data() {
        return {
            active: 0,
        }
    },
}
</script>
<style lang="less"></style>