VUE學習--路由跳轉方式||路由跳轉攜帶參數方式||目標路由接受參數方式

跳轉方式1：.使用便簽跳轉， <router-link to="{path:'路由地址'，params:{傳的數據}，query：{傳的參數}" >；
跳轉方式2：導航跳轉，{
在路由內 （路由對象） router.push({
　　path:'路徑',//具有導航功能
　　name：‘路由名稱’，,//同樣具有導航功能
　　params：{傳的數據}，
　　query：{傳的參數}"
});
在組件內 （路由對象）this.$router.push(參數同上);

傳參方式1：query：{傳的參數}"，會顯示在url上，類似get請求傳參，也可跟在path后面，目標路由獲取方法：this.$route.query.id;
傳參方式2：params：{傳的參數}"，不會顯示在url上，類似post請求傳參，不可跟在path后面，目標路由獲取方法：this.$route.params.id;
注意：this.$route與this.$router的區別：
$route為當前router跳轉對象里面可以獲取name、path、query、params等；
$router為VueRouter實例，想要導航到不同URL，則使用$router.push方法；
前者用於‘獲取傳遞的參數’，后者用於‘路由導航’；