溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享的是vue的router和route有什么區別，相信很多人都不太了解，為了讓大家更加了解，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。
區別：router是通過“Vue.use(VueRouter)”和VueRouter構造函數得到一個實例對象，它是一個全局的對象。而route是一個跳轉的路由對象，每一個路由都會有一個route對象，是一個局部的對象。
本教程操作環境：windows7系統、vue2.9.6版，DELL G3電腦。
router是什么
router是VueRouter的一個對象，通過Vue.use(VueRouter)和VueRouter構造函數得到一個router的實例對象，這個對象中是一個全局的對象，他包含了所有的路由包含了許多關鍵的對象和屬性。
類似于history對象
$router.push({path:'home'});本質是向history棧中添加一個路由，在我們看來是 切換路由，但本質是在添加一個history記錄
方法：
$router.replace({path:'home'});//替換路由，沒有歷史記錄route是什么
route是一個跳轉的路由對象，每一個路由都會有一個route對象，是一個局部的對象，可以獲取對應的name,path,params,query等
$route.path
字符串，等于當前路由對象的路徑，會被解析為絕對路徑，如 "/home/news" 。
$route.params
對象，包含路由中的動態片段和全匹配片段的鍵值對
$route.query
對象，包含路由中查詢參數的鍵值對。例如，對于 /home/news/detail/01?favorite=yes ，會得到$route.query.favorite == 'yes' 。
$route.router
路由規則所屬的路由器（以及其所屬的組件）。
$route.matched
數組，包含當前匹配的路徑中所包含的所有片段所對應的配置參數對象。
$route.name
當前路徑的名字，如果沒有使用具名路徑，則名字為空。
$route.path , $route.params , $route.name , $route.query這幾個屬性很容易理解，主要用于接收路由傳遞的參數
關于vue的router和route有什么區別就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
