做專案的時候發現傳引數是通過方式1:使用 a 標籤 跳轉;(或者是 router-link )this.$route.query
或者this.$route.params
接收 router-link 傳的引數。
方式2:使用 window.location.href 的形式,叫做程式設計式導航(簡單說就是寫js**,實現跳轉)
vue-router 提供了一種程式設計式導航方式
注意:一定要區分 this.rou$route 物件te和t
his.
route 和 this.
route和
this
.router 這兩個物件
其中:this.$route 是路由【引數物件】,所有路由中的引數,params , query 都屬於它
$router 物件
$router 為 vuerouter 例項,這個例項物件上有乙個_ptoto_
原型物件
這裡有一些與頁面歷史相關的方法操作:
back
、forward
、go
實現導航跳轉,則有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...