---
# System prepended metadata

title: Vue學習#31 route vs router
tags: [Vue 直播班 - 2022 春季班]

---

# Vue學習#31 route vs router
###### tags: `Vue 直播班 - 2022 春季班`

## router 跟 route 不一樣

在 Vue Router 裡面有兩種不一樣的東西，一個是參數一個是方法

## router

router 是方法， router 裡面有不同的方法可以使用

![](https://i.imgur.com/Ab2O2L4.png)

透過 console.log 來查看 router 的方法

### 常用的 push -- 透過方法切換網頁

在使用 router 的方法前需要加入 this 跟 $ 字號

![](https://i.imgur.com/yS445m3.png)

push 帶入的字串為路由表上寫的路徑名稱或是可以直接帶完整路徑

## route 

route 是參數， route 裡面有不同的參數可以使用

![](https://i.imgur.com/EAHhXTJ.png)

透過 console.log 來查看 route 的參數

### 常用的 params 

在使用 route 的參數前需要加入 this 跟 $ 字號

![](https://i.imgur.com/JoRMZVF.png)

這樣就可以抓到我們在動態路由上設立的參數，記得 id 是自定義的參數\