vue 路由传递参数

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