今天我們要來介紹的是Vue Router 2.0的實例。Vue Router是Vue.js官方的路由庫，它和Vue.js的核心深度集成，讓構建單頁應用變得非常容易。

首先，我們需要引入Vue Router：

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

然后，我們需要定義路由。路由就是根據不同的URL路徑，返回不同的組件。我們可以按照如下的方式定義路由：

const Home = { template: '
home
' }
const About = { template: '
about
' }
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About }
]

在上面的代碼中，我們定義了兩個組件：Home和About。然后我們定義了兩個路由：'/'和'/about'，并且分別指定了對應的組件。

接下來，我們需要創建路由實例：

const router = new VueRouter({
routes
})

在上面的代碼中，我們創建了一個VueRouter實例，并傳入了我們定義的路由。

現在，我們已經定義好了路由和路由實例。接下來，我們需要在Vue實例中掛載路由實例：

const app = new Vue({
router
}).$mount('#app')

在上面的代碼中，我們創建了一個Vue實例，并傳入了路由實例。最后，我們將Vue實例掛載到#app元素上。

現在，我們已經完成了Vue Router的基本配置。接下來，讓我們來看一些實例：

HomeAbout

在上面的代碼中，我們通過組件來實現路由的跳轉，同時使用組件來顯示路由對應的組件。

下面是完整的Vue Router代碼：

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const Home = { template: '
home
' }
const About = { template: '
about
' }
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About }
]
const router = new VueRouter({
routes
})
const app = new Vue({
router
}).$mount('#app')

好了，以上就是Vue Router 2.0的實例。Vue Router非常強大，不僅支持路由的跳轉，還支持路由的嵌套和命名路由。希望本文能對你有所幫助。