额不该这么写吧，

<router-link to='/a'> </router-link>
<router-link to='/b'> </router-link>

然后所有的路由都写道router.js里比较合适吧,
然后在main.js里把router引入
如果是vue2的话router.js这么写吧：

import Vue from 'vue';
import vueRouter from 'vue-router';
Vue.use(vueRouter);
let router = new vueRouter({
    routes: [
        {path: '/a', component: 需要渲染的vue页面a},
        {path: '/b', component: 需要渲染的vue页面b}
    ]
});
export default router

什么意思，b跳到b的新页面，还是跳到b的子页面？？

跳新页面你直接用a标签就行了 ，路由不是干这个的

我找到使用方法了，我在App.vue中添加了<router-view>，然后创建了一个根导航组件，加载完成之后，路由重定向到根导航组件，这样每次点击根导航组件后，就会渲染对应的component