vue2 0 router和 route的區別

2021-09-16 12:57:03 字數 1002 閱讀 6980

做專案的時候發現傳引數是通過this.$route.query或者this.$route.params接收 router-link 傳的引數。

方式1:使用 a 標籤 跳轉;(或者是 router-link )

方式2:使用 window.location.href 的形式,叫做程式設計式導航(簡單說就是寫js**,實現跳轉)

vue-router 提供了一種程式設計式導航方式

注意:一定要區分 this.rou

te和t

his.

route 和 this.

route和

this

.router 這兩個物件

其中:this.$route 是路由【引數物件】,所有路由中的引數,params , query 都屬於它

$route 物件

$router 物件

$router 為 vuerouter 例項,這個例項物件上有乙個_ptoto_原型物件

這裡有一些與頁面歷史相關的方法操作:

backforwardgo

實現導航跳轉,則有push這個方法

在 vue-router 官網中,有關於this.$router.push()的用法介紹!

注意:官網上寫的不明白,他沒有加$符,自己寫的時候,一定加上!!!

vue2 0 router和 route的區別

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

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...