Vue CLI是一個基于Vue.js進行快速開發的腳手架工具，能夠幫助我們快速搭建項目模板和編寫組件。

其中，Vue CLI路由是開發Vue.js單頁應用程序（SPA）時一個非常常用的模塊，可以通過路由實現頁面的切換。

Vue CLI中已經默認安裝了Vue Router，我們只需要根據自己的需求配置路由，即可實現頁面切換。

// main.js
import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About },
{ path: '/contact', component: Contact }
]
const router = new VueRouter({
routes // short for `routes: routes`
})
new Vue({
router,
render: h =>h(App),
}).$mount('#app')

在上述代碼中，我們首先需要導入Vue Router。然后，建立一個路由配置數組（routes），其中path表示路由地址，component對應的是每個路由地址對應的組件。

接下來，我們通過VueRouter實例創建一個路由實例，將路由數組作為參數傳入。最后再將路由實例注入到Vue實例中，使其生效。這時，我們就可以在組件中使用路由了。

例如：

// Home.vue

在組件中可以使用router-link標簽進行路由跳轉：

首頁關于我們聯系我們

當點擊頁面中的任意一個鏈接時，頁面會根據對應的路由地址，自動跳轉到相應的頁面。