# 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 是自定義的參數\