在Web開發中，切換頁面是一個非常普遍的需求。在Vue中，我們可以通過使用Vue Router來實現頁面之間的切換。Vue Router是Vue官方提供的一個路由管理器，它可以幫助我們更方便地進行頁面之間的導航控制。

首先，我們需要使用npm安裝Vue Router。可以通過以下命令進行安裝：

npm install vue-router --save

安裝完成后，我們需要在我們的Vue項目中使用Vue Router。我們可以在main.js中引入Vue Router并在Vue實例中使用：

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import Home from './views/Home.vue'
import About from './views/About.vue'
Vue.use(VueRouter)
const router = new VueRouter({
routes: [
{ path: '/', component: Home },
{ path: '/about', component: About }
]
})
new Vue({
el: '#app',
router,
render: h =>h(App)
})

在上面的代碼中，我們先引入了Vue和Vue Router，然后定義了兩個組件Home和About。接著我們使用Vue.use來安裝Vue Router插件。在創建Vue實例時，我們將Vue Router實例傳遞給了router選項，這樣Vue實例就具有了路由功能。

通過設置routes選項，我們定義了兩個路由，一個是根路由'/'，另一個是'/about'。當用戶訪問不同的路由時，我們可以讓Vue渲染對應的組件。

現在我們需要在App.vue中添加router-link和router-view組件。router-link是用來實現跳轉到不同路由的組件，它會渲染成一個a標簽，只需指定to屬性就可以實現跳轉。

在App.vue中，我們可以這樣使用router-link：

<template>
<div id="app">
<nav>
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
</nav>
<router-view/>
</div>
</template>

這里我們使用了nav標簽來包裹router-link組件，然后通過to屬性來指定目標路由。router-view組件則用來渲染對應的組件。

最后，我們需要在Home.vue和About.vue中添加具體的內容。例如，我們可以在Home.vue中添加一個h1標簽：

<template>
<div>
<h1>Welcome to Home Page!</h1>
</div>
</template>
<script>
export default {
name: 'Home'
}
</script>

這樣，我們就完成了Vue Router的基本使用。現在我們可以通過點擊不同的路由鏈接，來切換不同的頁面。這種方式是SPA（Single Page Application）的一種實現方式，它可以更高效地加載頁面，提高用戶體驗。