Vue.js 是一個基于 Vue.js 2.x 版本的前端框架，在實現 SPA (Single Page Application) 網頁開發過程中使用最為廣泛。Vue.js 路由是用來建立組件間的獨立動態網頁的，我們基于 html 實現路由跳轉的時候，需要先安裝 vue-router 插件。

npm install vue-router --save

在我們需要使用路由的應用程序中，我們需要導入并安裝 vue-router 插件。如下面的代碼：

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: About
}
]
})

在上述代碼的路由配置中，我們定義了兩個路由 - '/' 和 '/about'。當頁面路由到 '/' 或 '/about' 時，系統分別會渲染名為 Home 和 About 的組件。在路由配置中，還可以定義組件的 meta 信息，如以下的代碼：

{
path: '/about',
name: 'about',
component: About,
meta: {
title: 'About Us'
}
}

在路由中添加 meta 后，可以方便地在組件中獲取到當前路由的 meta 信息，如以下代碼所示：

export default {
data () {
return {
title: ''
}
},
mounted () {
this.title = this.$route.meta.title
}
}

在 Mounted 鉤子中，我們可以通過 this.$route 取得當前的路由信息，從中取得 meta 中定義的信息。