前言：顧名思義，vue路由傳參是指嵌套路由時父路由向子路由傳遞參數，否則操作無效。傳參方式可以划分為params傳參和query傳參，params傳參又可以分為url中顯示參數和不顯示參數兩種方式。具體區分和使用后續分析。 參考官網：https://router.vuejs.org/zh ...

對應路由配置如下： { path: '/describe/:id', ...

原文地址 this.$router.push跳轉 現有如下場景，點擊父組件的li元素跳轉到子組件中，並攜帶參數，便於子組件獲取數據。父組件中： <li v-for="article i ...

1、動態路由（頁面刷新數據不丟失） 路由配置 接收頁面通過 this.$route.params.id 接收 2、路由 name 匹配，通過params傳參 路由配置 也是通過 this. ...

;/router-link> 2. $router方式跳轉 this.$router.push ...

場景：點擊當前頁的某個按鈕跳轉到另外一個頁面去，並將某個值帶過去 三種基本方式： 1、頁面刷新數據不會丟失 需要對應路由配置如下：需要在path中添加/:id來對應 $router.push 中path攜帶的參數。在子組件中可以使用來獲取傳遞的參數值 另外頁面 ...

第二種、第三種，自己百度一下就好了...... ...

1.params 優勢 ： 刷新地址欄，參數依然存在缺點:只能傳字符串，並且，如果傳的值太多的話，url會變得長而丑陋。 2.query 優勢：傳參優雅，傳遞參數可傳對象；缺點：刷新地址欄，參數丟失 3.state 優缺點同query 4.search ...