Vue 路由是 Vue.js 的一個重要組件，它可以幫助開發者構建單頁應用程序（SPA）。在 SPA 中，所有的頁面都在同一個頁面中加載，只是顯示的內容不同。Vue.js 路由可通過地址欄中的 URL 來實現頁面之間的切換。

要實現頁面跳轉，首先需要引入 Vue Router。

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
component: About
}
]
const router = new Router({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router

在上述代碼中，我們創建了兩個組件：Home 和 About，并將它們綁定到了一個路由對象中。Home 組件對應著路徑為 “/” ，而 About 組件對應著路徑為 “/about”。

我們可以在 template 中使用路由鏈接來跳轉到不同的頁面：

HomeAbout

或者使用方法跳轉到指定頁面：

this.$router.push('/')
this.$router.push('/about')

在 Vue.js 中，路由是非常重要的概念，它為我們構建前端應用程序提供了更加靈活的工具和方式。掌握 Vue.js 路由可以讓我們更加高效地開發單頁應用程序。