vue中params和query的区别，以及具体用法

1. query传递参数会在url后面用？连接起来，且参数之间用&&符号连接然后显示在页面的url中；params传递参数不会显示在页面中；query有点像ajax中的get请求，而params像post请求。

2. 在vue中使用query要搭配path路径，而params只能由命名路由name来引入；看下列代码：

   路由中path的配置

   	{
        
   			path: '/argu/:name/:id', //这种路由配置是params传递参数,且这个后面必须加参数，如果不加，刷新页面这些参数会消失
   			name:'argu',
   			component: () => import('@/views/argu.vue'),
   		},
   

   使用params传递参数注意要在path路径后面添加参数，不然刷新页面数据会丢失。

   看图：这是没有刷新之前；
   

   如果path:'/argu'没有后面的参数，刷新页面数据就会丢失

   这是刷新之后：可以看到数据消失了，变为了默认数据。
   
   使用params传参的具体写法：

   this.$router.push({
        
       				//params要name一起用，不然接收不到参数
   					name: `argu`,
   					params:{
        
   						name:'xrw',
                           id:'123'