Vue CLI是一種流行的工具，它可以使開發(fā)者快速地啟動和管理Vue項目。Vue Router是Vue.js官方的路由管理器，它可以幫助我們構(gòu)建單頁應(yīng)用程序。在這篇文章中，我將向你展示如何使用Vue CLI來獲取路由。

首先，你需要在你的Vue項目中安裝Vue Router。你可以使用npm或yarn來安裝，具體安裝命令為：

npm install vue-router
// 或者
yarn add vue-router

安裝完Vue Router之后，我們需要在Vue Router中定義一些路由。在這里，我先定義了兩個路由：一個首頁路由和一個列表路由。你可以在src/router/index.js文件中定義路由。請使用以下代碼：

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import List from '@/components/List'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/list',
name: 'List',
component: List
}
]
})

在這里，我首先導入Vue和Vue Router，然后定義了兩個組件Home和List。接下來，我綁定Vue Router到Vue上，并定義了兩個路由。每一個路由由三個屬性組成：path表示路由地址，name表示路由名稱，component表示路由對應(yīng)的組件。

現(xiàn)在，我們已經(jīng)成功定義了路由。但是我們?nèi)绾卧赩ue組件中訪問這些路由呢？實際上，我們可以使用this.$router獲取路由信息。

例如，在Home組件中，我們可以在template標簽中使用以下代碼來顯示路由的名稱：

<template>
<div>
<h1>{{ this.$route.name }}</h1>
<p>Welcome to my Vue.js app!</p>
<p><router-link to="/list">Go to List</router-link></p>
</div>
</template>

在這個例子中，我使用了{{ this.$route.name }}來獲取路由的名稱，并使用標簽來鏈接到另一個路由。這些代碼將在Home組件的模板中呈現(xiàn)。

以上就是關(guān)于如何使用Vue CLI獲取路由的所有內(nèi)容了。我們首先安裝了Vue Router，然后定義了兩個路由，最后在Vue組件中獲取了路由信息。我希望這篇文章可以幫助你更好的理解Vue Router，并在你的Vue項目中順利使用。