！！！首先聲明，官網(wǎng)很重要。其次，不知道為啥，我不會安裝時看不懂官網(wǎng)，會了之后就能看懂了。
官網(wǎng)地址：https://router.vuejs.org/zh/guide/

1.npm安裝

npm install vue-router@4

官方貌似沒有ts的安裝教程,不過ts兼容js，所以不影響。

2.配置

1.這是官方給的（懂的都懂，不懂的目前不需要懂，官網(wǎng)復(fù)制下來就行）

2.我的配置：
在src里建一個router文件夾里面建一個index.ts,將官網(wǎng)復(fù)制的粘貼上去，
我這里是自己的項(xiàng)目所以倆個vue文件名和官網(wǎng)不一樣，你可以按照官網(wǎng)的文件名建兩個vue文件，里面分別寫上一些，能區(qū)分是哪個vue文件的簡單內(nèi)容。

3.導(dǎo)入

1.在App.vue里寫入router-view。
也可以以是RouterView，因?yàn)榻M件的名字可以是 PascalCase 風(fēng)格或 kebab-case 風(fēng)格的。
RouterView組件可以使 Vue Router 知道你想要在哪里渲染當(dāng)前 URL 路徑對應(yīng)的路由組件。

2.在main.ts里導(dǎo)入，以及使用。

4.測試

npm run dev運(yùn)行后，關(guān)注游覽器的地址欄,此時是第一個頁面，手動填入path（我的話是填入/index,官網(wǎng)的話是/about）,跳轉(zhuǎn)到第二個界面。說明安裝成功了。