请使用Vue路由相关知识动手实现点击Tab栏切换展示内容。 1) 创建主页面，用来展示页面内容。 2) 该页面有三个链接，分别是“待付款”“待发货”“待收货”页面，在每个链接页面单独写出相应的内容，页面效果如下图所示。

好的，首先需要安装 Vue 和 Vue Router，如果没有安装的话可以通过以下命令进行安装：

npm install vue vue-router --save

然后我们创建一个名为 `Main.vue` 的主页面组件，包含三个链接：

<template>
  <div>
    <h1>主页面</h1>
    <nav>
      <router-link to="/待付款">待付款</router-link>
      <router-link to="/待发货">待发货</router-link>
      <router-link to="/待收货">待收货</router-link>
    </nav>
    <hr>
    <router-view></router-view>
  </div>
</template>

接下来我们创建三个子页面组件，分别为 `WaitPay.vue`、`WaitSend.vue` 和 `WaitReceive.vue`，并在其中编写相应的内容：

<template>
  <div>
    <h2>待付款</h2>
    <p>这里是待付款页面的内容。</p>
  </div>
</template>

<template>
  <div>
    <h2>待发货</h2>
    <p>这里是待发货页面的内容。</p>
  </div>
</template>

<template>
  <div>
    <h2>待收货</h2>
    <p>这里是待收货页面的内容。</p>
  </div>
</template>

最后我们需要配置路由，将主页面和子页面组件进行关联。在 `router.js` 中编写以下代码：

import Vue from 'vue'
import Router from 'vue-router'
import Main from './components/Main.vue'
import WaitPay from './components/WaitPay.vue'
import WaitSend from './components/WaitSend.vue'
import WaitReceive from './components/WaitReceive.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Main',
      component: Main
    },
    {
      path: '/待付款',
      name: 'WaitPay',
      component: WaitPay
    },
    {
      path: '/待发货',
      name: 'WaitSend',
      component: WaitSend
    },
    {
      path: '/待收货',
      name: 'WaitReceive',
      component: WaitReceive
    }
  ]
})

这样我们就完成了点击 Tab 栏切换展示内容的功能。