vue route和 router的區別

2021-09-28 12:20:24 字數 566 閱讀 3945

route為當前router跳轉物件裡面可以獲取name、path、query、params等

route是乙個跳轉的路由物件,每乙個路由都會有乙個route物件,是乙個區域性的物件,可以獲取對應的name,path,params,query等

我們可以從vue devtools中看到每個路由物件的不同

router是vuerouter的乙個物件,通過vue.use(vuerouter)和vuerouter建構函式得到乙個router的例項物件,這個物件中是乙個全域性的物件,他包含了所有的路由包含了許多關鍵的物件和屬性。

舉例:history物件

$router.push();本質是向history棧中新增乙個路由,在我們看來是 切換路由,但本質是在新增乙個history記錄

$router.replace();//替換路由,沒有歷史記錄

router為vuerouter的例項,相當於乙個全域性的路由器物件,裡面含有很多屬性和子物件,例如history物件。。。經常用的跳轉鏈結就可以用this.router.push會往history棧中新增乙個新的記錄。返回上乙個history也是使用$router.go方法

router和 route的區別

router是乙個vuerouter的例項 可以導航到不同的路由裡 route是 router跳轉到的當前乙個物件,裡面包含該物件的path query name params 1 this.router.push this.router.push detail 使用當前的query this.ro...

router和 route的區別

在vue2.0裡頁面引數是 this.route.query或者 this.route.params 接收router link傳的引數。在路由跳轉的時候除了用router link標籤以外需要在script標籤在事件裡面跳轉,所以有個方法就是在script標籤裡面寫this.router.push...

router和 route的區別

在vue2.0裡頁面引數是 this.rou te.q uery 或者th is route.query或者 this.route.quer y或者t his.route.params 接收router link傳的引數。在路由跳轉的時候除了用router link標籤以外需要在script標籤在事...