vue2 0 router和 route的區別

2021-08-22 04:54:55 字數 458 閱讀 2231

在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的區別

做專案的時候發現傳引數是通過this.route.query或者this.route.params接收 router link 傳的引數。方式1 使用 a 標籤 跳轉 或者是 router link 方式2 使用 window.location.href 的形式,叫做程式設計式導航 簡單說就是寫js...

vue2 0 router基本語法總結

vue基本腳手架 常用的方法 methods 方法處理 mounted dom 載入前之前執行 computed 計算屬性 components 元件註冊 filters 過濾器註冊 watch 資料監聽 不常用 data vue 將會遞迴將 data 的屬性轉換為 getter setter pr...

vue中 router和 route的區別

在使用vue框架進行開發的時候,我們經常需要用到vuerouter來進行頁面之間的跳轉。所以大部人剛開始都有遇到這麼乙個問題 遇到rou ter和 router和 router 和route會傻傻分不清,不會分辨這兩個的區別,今天就來分析下個人對他們的看法。正文 rou ter是 vuer oute...