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）