Vue.js 1.0是一個輕量級的JavaScript框架，它旨在實(shí)現(xiàn)數(shù)據(jù)綁定和組件化視圖。由于Vue.js非常簡單和易于使用，所以它已經(jīng)成為一個非常流行的選項，用于在網(wǎng)站上快速構(gòu)建交互式UI。

Vue Router是Vue.js官方的路由管理器。它與Vue.js緊密集成，使您可以輕松地將Vue.js應(yīng)用程序轉(zhuǎn)換為單頁面應(yīng)用程序。它的主要目的之一是管理應(yīng)用程序的導(dǎo)航，因此您可以通過單擊按鈕或鏈接將用戶從一個頁面導(dǎo)航到另一個頁面。

Vue Router具有許多有用的功能，如嵌套路由、路由參數(shù)、路由導(dǎo)航守衛(wèi)等。在Vue.js中啟用Vue Router非常簡單。你需要做的就是安裝Vue Router，然后告訴它你希望在應(yīng)用程序中使用哪些路由。下面是如何使用Vue Router的示例代碼：

// 引入Vue和Vue Router
import Vue from 'vue'
import VueRouter from 'vue-router'
// 安裝Vue Router插件
Vue.use(VueRouter)
// 定義路由組件
const Home = { template: '
Home
' }
const About = { template: '
About
' }
// 創(chuàng)建路由實(shí)例，并定義路由規(guī)則
const router = new VueRouter({
routes: [
{ path: '/', component: Home },
{ path: '/about', component: About }
]
})
// 創(chuàng)建Vue實(shí)例，并將路由器添加到選項中
const app = new Vue({
router
}).$mount('#app')

上面的代碼中，我們首先引入Vue和Vue Router，并安裝Vue Router插件。然后，我們定義了兩個路由組件（Home和About）和一個路由器實(shí)例，并使用映射關(guān)系將兩個路由組件與路由關(guān)聯(lián)起來。最后，我們創(chuàng)建了Vue的實(shí)例，并將路由器實(shí)例添加到選項中。