路由跳轉的方式和區別

1、router-link （宣告式路由）

（1）不帶引數

// 路由配置 path: 「/home/:id」 或者 path: 「/home:id」

// 不配置path ,第一次可請求,重新整理頁面id會消失

// 配置path,重新整理頁面id會保留

（1）不帶引數

this.$router.push('/home')
this.$router.push()
this.$router.push()
（2）query傳參
this.$router.push(})
//script 取參  this.$route.query.id
（3）params傳參
this.$router.push(})  
// 只能用 name
// script 取參  this.$route.params.id

1.query類似 get, 跳轉之後頁面 url後面會拼接引數,類似?id=1, 非重要性的可以這樣傳, 密碼之類還是用params，因為重新整理頁面id還在

2.params類似 post, 跳轉之後頁面 url後面不會拼接引數 , 但是重新整理頁面id 會消失

路由跳轉方式

路由的跳轉方式有兩種形式。router link標籤 可以把router link理解為乙個a標籤，它 也可以加class修飾 to 必選引數 型別string location。home user register首頁首頁 首頁程式設計式導航 push replace 宣告式導航能做的程式設計式都...

Vue 路由跳轉方式 和 路由跳轉時傳參

1 router link 2 router方式 js跳轉 this.router.push 以上就是兩種路由跳轉的方法 先說說params和query的不同之處 1.query所傳的引數會顯示在url上，params則不會 2.params傳遞的引數在瀏覽器重新整理時會清空，query則不會 1 ...

vue路由跳轉的方式

vue路由跳轉有四種方式 1.router link 2.this.router.push 函式裡面呼叫 3.this.router.replace 用法同push 4.this.router.go n 一 不帶參 1.1 router link router link to router link...