vant 标签栏高亮

1、通过名称匹配 name
2、标签栏支持路由模式，用于搭配vue-router使用。路由模式下会匹配页面路径和标签的to属性，并自动选中对应的标签
代码如下

//注意name  to  监听事件
<template>
  <div>
    <van-tabbar v-model="active"> 
      <van-tabbar-item icon="wap-home-o"  name='/home'  to='/home'>商城</van-tabbar-item>
      <van-tabbar-item icon="comment-o"     name='/classify'  to='/classify'>分类</van-tabbar-item>
      <van-tabbar-item  icon="shopping-cart-o"  name='/shoppingcar'  to="/shoppingcar"     v-if="$store.state.count===0" >购物车</van-tabbar-item>
      <van-tabbar-item  icon="shopping-cart-o"   name='/shoppingcar'  to="/shoppingcar" v-else  :badge='$store.state.count'>购物车</van-tabbar-item>
      <van-tabbar-item icon="manager-o"  name='/my' to="/my">我的</van-tabbar-item>
    </van-tabbar>
    <router-view />
  </div>
</template>

export default {
  name: "",
  props: {},
  data() {
    return {
      active: '/home',
    };
  },
  components: {},
  methods: {

  },
  mounted() {},
  watch: {
  	//实时监听路由状态
    '$route.path':{
      handler(val){
        this.active=val;
      },
      immediate:true //立即执行
    }
  },
  computed: {
    // sum(){
    //   return this.list.length
    // }
  },
};