vue 路由跳转传递参数使用query

vue路由跳转传递参数：

1、使用params，但是这种方式在页面刷新的时候会出现很多问题，需要在路由中配置

2、使用query，页面刷新不会存在问题，也不需要在路由中配置。

　　 {
   　　 path:'/detail',
   　　 component: detail,

　　 }

　　使用方法：

　　传递参数（JS中）：　　

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

       　　 });

　　传递参数（页面中）：

　　　　<router-link :to="{ path:'/detail', query: {shopid: item.id} }"><button>显示<button></router-link>

　　　　<router-link :to="`/detail?id=${item.id}`"><button>显示</button></router-link>

　　获取参数：

　　　　this.$route.query.shopid

　　url的表现形式(url中带有参数)：

　　　　http://localhost:8080/#/detail?shopid=1