vue-router 是針對單頁應(yīng)用的
你這都是html直接 a 標(biāo)簽跳轉(zhuǎn) 或者 window.location.href跳轉(zhuǎn)就行了

如果不是vue cli項(xiàng)目的話

只引入vue.js單文件

不建議使用vue router 進(jìn)行路由跳轉(zhuǎn)

你可以看到官方文檔里面那些功能

// 0. 如果使用模塊化機(jī)制編程，導(dǎo)入Vue和VueRouter，要調(diào)用 Vue.use(VueRouter)

// 1. 定義 (路由) 組件。
// 可以從其他文件 import 進(jìn)來
const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }

// 2. 定義路由
// 每個(gè)路由應(yīng)該映射一個(gè)組件。 其中"component" 可以是
// 通過 Vue.extend() 創(chuàng)建的組件構(gòu)造器，
// 或者，只是一個(gè)組件配置對象。
// 我們晚點(diǎn)再討論嵌套路由。
const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]

注意Foo Bar