如何正确使用Vue上选项卡旁边的路由器视图来根据活动选项卡更改url？

npm install vue vue-router

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const router = new VueRouter({
  mode: 'history',
  routes: [
    // 定义路由
    { path: '/tab1', component: Tab1Component },
    { path: '/tab2', component: Tab2Component },
    { path: '/tab3', component: Tab3Component },
  ],
});

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

<div id="app">
  <router-link to="/tab1">Tab 1</router-link>
  <router-link to="/tab2">Tab 2</router-link>
  <router-link to="/tab3">Tab 3</router-link>
  
  <router-view></router-view>
</div>