路由傳參的方式主要有兩種：params 和 query.
接下來我們先定義兩個路由 『/home』 和 『/profile』 來分別看看這兩種傳參方式各自的用法和區別，下面的測試都是從路由 『/home』 跳轉到 『/profile』 ，引數也是從 『/home』 傳到 『/profile』 。
,params 傳參1、使用 router-link 路由導航（此方法在路徑中顯示引數，頁面重新整理引數不丟失）,
1）路由要進行如下配置（nums 相當於為傳遞的引數佔位）:
2）home 頁面傳遞：
如果傳遞的引數在 data 裡面，router-link 路由跳轉時可以進行動態繫結：
3）profile 頁面 params 獲取：
4）瀏覽器顯示：
2、呼叫 $router.push.（此方法不在路徑中顯示引數，頁面重新整理引數丟失）
1）獲取資料的路由需要新增 name 屬性
2）home 頁面傳遞：
3）profile 頁面 params 獲取：
4）瀏覽器顯示：
query 傳參
1、使用 router-link 路由導航.（在路徑中 ？後面顯示引數，重新整理頁面引數不丟失）
1）路由不需要進行任何特殊配置
2）與 query 傳參進行匹配的是 path
3）profile 頁面 query 獲取：
4）瀏覽器顯示：
2、呼叫 $router.push.（在路徑中 ？後面顯示引數，重新整理頁面引數不丟失）
1）路由不需要進行任何特殊配置
2）與 query 傳參進行匹配的是 path
3）profile 頁面 query 獲取：
4）瀏覽器顯示：
總結
VueRouter 路由傳參
語法 演示 首頁 路由配置 const routes 注釋 id 代表id是乙個變數，值會儲存在元件例項的 route.params上 在元件上取引數的值 let home 演示 methods 路由配置 const routes 注釋 id 代表id是乙個變數，值會儲存在元件例項的 route.p...
vue router路由傳參
vue router路由傳參有兩種方法 1 params傳參 2 query傳參 用params傳參，f5強制重新整理引數會被清空，用query傳參，由於引數適用路徑傳參的所以f5強制重新整理也不會被清空。傳參強烈建議適用string import articleindex from pages t...
vue router 路由傳參
路由傳引數。在很多時候我們需要路由上面傳遞引數，比如新聞列表頁，我們需要傳遞新聞id，給新聞詳細頁。1.新聞列表頁模板 我們訪問 news 001，跳轉到新聞詳細頁，展示001的這條新聞。2.新聞詳細頁元件準備 新聞詳細頁面 route.params.id獲取路由上的引數 在js裡定義路由元件 新聞...