要清楚的是：vue中都是單頁面應用居多，而所謂的頁面跳轉，也是通過路由重新渲染了一下檢視，而不是真正的頁面跳轉。
>
"/about"
>
>
>
router-link
>
:to=
"">
>
>
router-link
>
template
>
>
>
strong
>
p>
>
:to=
"}">
>
>
router-link
>
:to=
"}">
>
>
router-link
>
template
>
>
>
template
>
>
export
default;}
,created()
}script
>
>
:to=
"">
>
>
router-link
>
@click
="open"
>
>
template
>
>
export
default;}
, methods:},
}script
>
>
:to=
"">
>
>
router-link
>
@click
="open1"
>
>
@click
="open2"
>
>
template
>
>
export
default;}
, methods:})
;},//⚠️注：如果要傳遞的引數很長時，請問params方式，因為query方式是通過url傳遞的，而url傳引數長度是有限制的哦！！
// params方式
open2()
});}
},}script
>
>
>
template
>
>
export
default;}
,created()
{// 在vue例項被建立之後的鉤子函式中，接收home頁面傳過來的引數
//⚠️注：在傳遞引數時，用什麼方式傳參，就用什麼方式接收！！
// 以query方式接收引數：【query傳遞資料是通過url傳遞的，類似ajax中的get方式】
console.
log(
this
.$route.query.id)
;// 2048
console.
log(
this
.$route.query.book)
;// 了不起的node.js
console.
log(
this
.$route.query.job)
;// web前端
// 以params方式接收引數：【params方式，類似ajax中的post方式】
console.
log(
this
.$route.params.id)
;// 2048
console.
log(
this
.$route.params.book)
;// 了不起的node.js
console.
log(
this
.$route.params.job)
;// web前端
// this.$route 路由資訊物件
console.
log(
this
.$route)
;//this.$route 物件中包涵了路由的相關資訊，請自看！！
script
>
//開啟外部鏈結
target
="_blank"
href
="">
>
//在當前頁面開啟url頁面
window.location.href =
"";
//開啟乙個新的瀏覽器視窗
window.
open
("","_blank"
,"width=1000, height=500"
,true
);
Vue 頁面跳轉與引數傳遞
1 不帶引數跳轉 about button router link button router link 2 帶引數跳轉 button router link button router link 3.接收引數 以query方式接收引數 query傳遞資料是通過url傳遞的，類似ajax中的get方...
vue頁面跳轉引數傳遞
前段時間專案用vue搭建整個前端頁面，我負責的模組有個地方在頁面跳轉時得將引數傳遞到下乙個頁面，但是由於引數較多，用url帶引數傳遞不是特別好，我嘗試了多種方法想在頁面之間傳遞引數都沒成功，最後想到了vuex，當時又是剛開始學vue對vuex更是了解不多廢了一點時間，好在問題解決了，下面分享我解決問...
vue中跳轉頁面並傳遞引數
link to query path path也可以用路由檔案裡面的name值，兩者都可以進行路由導航 params 要傳遞的引數，引數可以直接 key value的形式傳遞 query 通過url來傳遞引數的，引數同樣可以使key value形式傳遞 同樣可以通過 this.router.push...