VUE的路由跳轉傳值及以新頁面跳轉并攜帶參數

vue的路由傳值有兩種形式：

1.帶參數跳轉（query）會在網址後面以?參數="***"的形式

傳參：

this.$router.push(
    {
    path: '/detail', 
    query:{shopid: item.id}
    }
);
           

擷取：

this.$route.query.shopid
           

2.不帶參數跳轉（params） url裡隐藏

this.$router.push(
    {
        name:'detail',
        params:{name:"你好世界"}
    }
)
           

擷取

this.$route.params.name
           

3.附加：

以新頁面跳轉并攜帶參數（query） 會在網址後面以?參數="***"的形式

let routeData = me.$router.resolve({ name: 'area', query: {  areaName: params.data.name} });
window.open(routeData.href, '_blank');
           

（注：me在axios外部 即為this）