# Vue Router
#### Steve Jian
---
## 單頁應用
（single-page application，SPA）
----
是一種網路應用程式或網站的模型，它通過動態重寫當前頁面來與用戶互動，而非傳統的從伺服器重新載入整個新頁面。
---
用 Vue.js + Vue Router 就可以輕鬆地開發一個單頁應用
---
用Vue CLI開發時通常就會預選Vue Router
----
專案創立後也可以事後手動引入
```bash=
# on shll
$ npm install --save vue-router
```
```javascript=
// router.js
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
```
然後在src下新增一個router.js作為設定檔
---
---
使用```<router-link>```創建```<a>```標籤來定義導航連結，我們還可以通過router的實例方法，通過編寫代碼來實現。
----
---
## router.replace
---
## router.go(n)
---
這些只是vue router的非常入門
router還可以用來傳遞參數、處理頁面的權限也與router有非常大的關係，因為課程準備時間有限細節只能靠各位自己去發掘😓
---
# *fin*
{"metaMigratedAt":"2023-06-15T08:28:12.084Z","metaMigratedFrom":"YAML","title":"Vue Router","breaks":true,"slideOptions":"{\"transition\":\"slide\"}","contributors":"[{\"id\":\"d182e945-f719-41cd-8488-cb93bdb49c93\",\"add\":999,\"del\":63}]"}