请使用Vue路由相关知识动手实现Tab栏切换案例。在这里用单页面构建完成此项题目。 要求：使用路由在页面显示待付款、待发货、待收货三个功能，其中待付款中嵌套子路由（商品1和商品2两个子路由），并设置相应样式和高亮效果。

好的，我会根据您的要求来进行回答。

首先，我们需要安装Vue以及Vue Router，可以使用以下命令：

npm install vue vue-router

然后，我们需要在main.js中引入Vue和Vue Router，并进行初始化：

import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './App.vue';
import Payment from './components/Payment.vue';
import Goods1 from './components/Goods1.vue';
import Goods2 from './components/Goods2.vue';
import Shipping from './components/Shipping.vue';
import Receipt from './components/Receipt.vue';

Vue.use(VueRouter);

const routes = [
  { path: '/payment', component: Payment, children: [
    { path: 'goods1', component: Goods1 },
    { path: 'goods2', component: Goods2 }
  ]},
  { path: '/shipping', component: Shipping },
  { path: '/receipt', component: Receipt }
];

const router = new VueRouter({
  mode: 'history',
  routes
});

new Vue({
  router,
  render: h => h(App),
}).$mount('#app');

上面的代码中，我们定义了三个路由：/payment、/shipping和/receipt。其中/payment下又包括了两个子路由：/payment/goods1和/payment/goods2。

接下来，我们需要在App.vue中定义Tab栏，并使用Vue Router的<router-link>组件来实现路由切换：

<template>
  <div>
    <ul>
      <li>
        <router-link to="/payment">待付款</router-link>
      </li>
      <li>
        <router-link to="/shipping">待发货</router-link>
      </li>
      <li>
        <router-link to="/receipt">待收货</router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>

在上面的代码中，我们使用了<router-link>组件来实现路由切换。在Tab栏中，我们分别定义了三个路由链接，分别对应了三个路由：/payment、/shipping和/receipt。同时，我们在<router-view>中渲染当前路由所对应的组件。

最后，我们需要定义三个组件Payment、Shipping和Receipt，并在这些组件中定义相应的样式和内容：

<template>
  <div>
    <h2>待付款</h2>
    <ul>
      <li>
        <router-link to="/payment/goods1">商品1</router-link>
      </li>
      <li>
        <router-link to="/payment/goods2">商品2</router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<template>
  <div>
    <h2>待发货</h2>
    <p>您的订单已经发货，请耐心等待。</p>
  </div>
</template>

<template>
  <div>
    <h2>待收货</h2>
    <p>您的订单已经送达，请及时确认收货。</p>
  </div>
</template>

在上面的代码中，我们分别定义了三个组件：Payment、Shipping和Receipt。在Payment组件中，我们使用了<router-link>组件来实现子路由的切换，同时渲染了当前子路由所对应的组件。在Shipping和Receipt组件中，我们分别渲染了相应的内容。

至此，我们就完成了Tab栏切换案例的实现。