路由传参的方式

一。路由的query参数

 1.配置路由：

   2.路由跳转并携带query参数：

3.在组件Detail.vue中接收query参数：

二。路由的params参数

1.路由配置：

2. 路由跳转并携带params参数：

！！！特别注意：路由带params参数时，若使用to的对象写法，则不能使用path配置项，必须使用name配置。

3.接收params参数：

三。query参数与params参数的区别

query参数：跳转之后页面的URL中会拼接参数，类似 ?id=1，刷新页面之后，id还在。

params参数：跳转之后页面的URL不会拼接参数，刷新页面后，id会消失。