vue 实现底部导航栏
解决办法：
1.新建四个或者多个页面（Index.vue,Classify.vue,ShoppCart.vue,My.vue）
2.新建tabbar.vue页面
"tab-bar">
此处为知识链接：
名叫插槽，在这边主要起到的是占位的作用
3.新建tabbaritem.vue页面
class="tab-bar-item" @click="itemClick()">
if="!isActive">
"item-icon">
else>
"item-icon-active">
"activeStyle">
"item-text">
4.在App.vue 中实现文件的引用
"app">"/home"> "item-icon" src="./assets/img/tabbar/icon_home.png" alt="首页">
"item-icon-active" src="./assets/img/tabbar/icon_home_active.png" alt="首页">
"item-text">首页"/classify"> "item-icon" src="./assets/img/tabbar/icon_classify.png" alt="分类">
"item-icon-active" src="./assets/img/tabbar/icon_classify_active.png" alt="分类">
"item-text">分类"/shopcart"> "item-icon" src="./assets/img/tabbar/icon_shopcart.png" alt="购物车">
"item-icon-active" src="./assets/img/tabbar/icon_shopcart_active.png" alt="购物车">
"item-text">购物车"/my"> "item-icon" src="./assets/img/tabbar/icon_my.png" alt="我的">
"item-icon-active" src="./assets/img/tabbar/icon_my_active.png" alt="我的">
"item-text">我的
原文链接：Vue实现底部导航