vue中$router和$route的區別

 

1.$router

this.$router是VueRouter的實例方法，當導航到不一樣url，能夠使用this.$router.push方法，這個方法則會向history裏面添加一條記錄，當點擊瀏覽器回退按鈕或者this.$router.back()就會回退以前的url。

2.$route

this.$route是一個跳轉的路由對象，每個路由都會有一個route對象，是一個局部的對象，能夠獲取對應的name,path,params,query等.

**2.1.$route.path**
      字符串，對應當前路由的路徑，老是解析爲絕對路徑，如 "/foo/bar"。
**2.2.$route.params**
      一個 key/value 對象，包含了 動態片斷 和 全匹配片斷，
      若是沒有路由參數，就是一個空對象。
**2.3.$route.query**
      一個 key/value 對象，表示 URL 查詢參數。
      例如，對於路徑 /foo?user=1，則有 $route.query.user == 1，
      若是沒有查詢參數，則是個空對象。
**2.4.$route.hash**
      當前路由的 hash 值 (不帶 #) ，若是沒有 hash 值，則爲空字符串。錨點
**2.5.$route.fullPath**
      完成解析後的 URL，包含查詢參數和 hash 的完整路徑。
**2.6.$route.matched**
      數組，包含當前匹配的路徑中所包含的全部片斷所對應的配置參數對象。
**2.7.$route.name    當前路徑名字**
**2.8.$route.meta  路由元信息

 

總結：$router是用來跳轉到某一個路由的，$route是用來獲取當前路由的信息的，好比url地址符，路由參數等。