Vue是一种流行的JavaScript框架，被广泛用于Web开发。Vue中的路由功能可以让你为用户页面中的单独部分设置唯一的URL地址。这就是Vue Tab路由的作用，让每个Tab页都有它自己的地址。

让我们首先看下如何安装Vue路由：

npm install vue-router

接下来，让我们来看一个Vue路由的基础例子：

import Vue from 'vue'
import VueRouter from 'vue-router'
 
Vue.use(VueRouter)
 
const Foo = { template: '
foo
' }
const Bar = { template: '
bar
' }
 
const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]
 
const router = new VueRouter({
  routes
})
 
const app = new Vue({
  router
}).$mount('#app')

我们定义了两个页面/foo和/bar，每个页面都有一个组件，对应着它们自己的Route。通过路由配置我们将定义好的Route与VueRouter绑定，这样我们就可以使用VueRouter了。

接下来让我们来看一下如何使用Vue Tab路由：

在这个例子中，我们使用了<router-link to="/foo">和<router-link to="/bar">来建立我们Tab的链接。现在每个Tab都有它自己的URL地址。Tab的内容是通过<router-view>来渲染的，这样你就可以在每一页中渲染不同的组件了。

Vue Tab路由是一个很有用的功能，让你可以为每个Tab页生成唯一的URL地址。这个功能可以帮助你建立更加丰富和易用的用户界面。