vue 子路由 以及处理子路由bug

```javascript
点击主路由想让主路由显示高亮就要在底部的footer文件里  写好主路由下的子路由比如 交易模块下又三个子路由
   <div class="tab-item" id="teshubox" @click="switchTo('/transaction')">
        <div class="slot"></div>
        <div class="teshu">
          <img
            :src="
           '/transaction' === $route.path ||  '/transaction/fabu' === $route.path ||  '/transaction/shourang' === $route.path ||  '/transaction/zhuanrang' === $route.path
              ? tabBarImgArr[2].selected
              : tabBarImgArr[2].normal
          "
          />
        </div>
        <span :class="'/transaction' === $route.path || '/transaction/fabu' === $route.path ||  '/transaction/shourang' === $route.path ||  '/transaction/zhuanrang' === $route.path?'tab-txtseleted':'tab-txt '">交易</span>
      </div>
 子路由这样写
  <div class="taber">
      <ul class="tabul">
        <router-link :to="{path: '/transaction/shourang'}" tag="li">受让</router-link>
        <router-link :to="{path: '/transaction/zhuanrang'}" tag="li">转让</router-link>
        <router-link :to="{path: '/transaction/fabu'}" tag="li">发布</router-link>
      </ul>
     <img src="../../assets/3-1.png" alt="">
    </div>
点击子路由高亮的样式
.router-link-active {
  font-size: 25px;
  color: #263e56;
  font-family: PingFang SC;
  font-weight: 800;
}
如何让页面一进来就显示一个路由呢那就在index.js写上 重定向你指定的子路由
 {//交易
      path: '/transaction',
      name: 'transaction',
      //重定向
      redirect: '/transaction/shourang',
      component: resolve => (require(["@/components/transaction/transaction"], resolve)),
完毕