路由的命名：配置路由的時候新增乙個name引數，命名自定義
var router = new vuerouter(,
]})
②. ***x.html#/user?userid=1 query
切換a元件
切換b元件
共同點：都是為了在介面跳轉的時候進行傳參引用vue-router.js會丟擲兩個物件，掛載到根元件vue例項化物件中了，分別是$route和$router。不同點：
接收引數：
query和route 分別是 this.$route.params.accesstoken, this.$route.params.accesstoken, 注意是$route 而不是 $router 哦
瀏覽器位址列中的顯示
使用 query 引數在瀏覽器位址列中顯示，而使用 params的時候引數不會在位址列中顯示。可以這樣理解，query更像是ajax中的get方法，而params則更加類似於post方法
但是，當我們使用後params之後， 只有第一次進入頁面才能拿到token， 重新整理頁面或者頁面跳轉後就再也拿不到token了，什麼原因呢？
原來是： 使用params傳參的時候，當你跳到別的頁面或者重新整理頁面的時候引數會丟失
解決辦法：cookie , vuex
原文回答位址
$router:this.$router相當於乙個全域性的路由器物件，包含了很多屬性和物件（比如 history 物件），任何頁面都可以呼叫其 push(), replace(), go() 等方法。
$route:this.$route 表示當前路由物件，每乙個路由都會有乙個 route 物件，是乙個區域性的物件，可以獲取對應的 name, path, params, query 等屬性。
以下為$route包含的屬性：
二、**部分
var componenta =
};var componentb =
};template:`
切換a元件
切換b元件`};
var router = new vuerouter(,]})
new vue(
},template:`
components:,
router
})
7 路由元件傳參
學習vue router的一些學習筆記，所有筆記內容請看 vue router學習筆記 const user const router newvuerouter 如上述所示，在元件中直接使用 route，會與當前的路由形成高度耦合，則元件user就只能在此url上使用，不能進行復用。通過使用prop...
id vue2路由傳參 Vue路由傳遞引數詳細說明
前言 最近我跟同事在做乙個bi系統，採用前後端分離。整個系統包括資料分析系統 運營支援 系統設定等多個子系統。資料分析系統其實就是做各種資料包表 資料統計 實時資料的系統，這裡面其實整個頁面就是乙個模板，最上面是filter 第二級是統計圖 最下面是table資料。所以在資料分析子系統中，只要配置乙...
vuecli3路由傳參的方式
路由傳參的三種方式 1，params方式傳參 想要使用params傳參首先要配置路由 這個是配置子元件 父元件中 to about id params方式傳參router link 子元件中接受呼叫父元件傳給的資料 使用this.route.id 就可以獲取到傳給的引數了 params傳參方式收到的...