1. 程式人生 > >vue2.0 $router和$route的區別

vue2.0 $router和$route的區別

info 參數 img 獲取 router 返回 vuerouter outer 分享

在vue2.0裏頁面參數是 this.$route.query或者 this.$route.params 接收router-link傳的參數。

在路由跳轉的時候除了用router-link標簽以外需要在script標簽在事件裏面跳轉,所以有個方法就是在script標簽裏面寫this.$router.push(‘要跳轉的路徑名‘),

在寫的時候發現這兩個為什麽不同,在控制臺打出this的時候,發現$route和$router同時存在

技術分享圖片

$route為當前router跳轉對象裏面可以獲取name、path、query、params等

$router為VueRouter實例,想要導航到不同URL,則使用$router.push方法

返回上一個history也是使用$router.go方法

vue2.0 $router和$route的區別