借鉴自：https://blog.csdn.net/crazywoniu/article/details/80942642
方式一：params
第一种：
app.vue
<router-link to="/one/参数">链接2</router-link>    

index.js
    {
      path: '/one/:name',
      name: 'one',
      component: one
    }

one.vue
<h1>{{ msg }}我是{{$route.params.name}}</h1>

第二种： 这种传参方式是命名路由传递参数

app.vue
<router-link :to="{ name:'one',params:{name:'参数'} }">链接2</router-link>  

注意：1、to前面加冒号，路径改为name:‘one’ ，如果改成path:’/one’的话，在one.vue页面获取不到父组件传递的参数，打印console.log(this.$route.params.name) //undefined。name属性值就是path的one。

2、这种传参方式是命名路由传递参数，命名路由传递参数需要使用params来传递，这里一定要注意使用params不是query。目标页面接收传递参数时使用params。如果在目标页面刷新是会出错的（页面上显示的数据会消失）

index.js
   {
      path: '/one',    //注意这里
      name: 'one',
      component: one
    }

one.vue
<h1>{{ msg }}我是{{$route.params.name}}</h1>

方式二：query 查询参数传参方式
app.vue:
<router-link :to="{ path:'/test',query:{age:22} }">链接1</router-link>

index.js:
{
      path: '/test',    //query与params不同的地方之一：test后面不加参数
      name: 'test',
      component: test,
      children: [
       
        {
          path: '/test/child',
          name: 'child',
          component: child
        },
        {
          path: '/test/childtwo',
          name: 'childtwo',
          component: childtwo
        }
      ]
    }

test.vue:
<p>{{user.firstName}}今年{{$route.query.age}}</p>      

//{{}}、{{}}两个可以放在一起。$route.query.age可以不加this

params传参和query传参的其它区别：

query传参还是用path定义路径，地址栏显示参数不太安全，类似ajax的get请求
params传参和query传参的其它区别：
1、query传参还是用path定义路径，地址栏显示参数不太安全，类似ajax的get请求。

2、params传参会在地址栏隐藏参数，与ajax的post请求极为相似，用法上不能用path来定义路径，要通过name来定义，

3、patams传参 ，路径不能使用path 只能使用name,不然获取不到传的数据
方式三：
app.vue:
<button @click="routerTo">click here to news page</button>
 methods:{
    routerTo(){
      this.$router.push({ name: 'news', params: { userId: 123 }});
    }
  }

one.vue:
<template>
  <div>
    this is the news page.the transform param is {{this.$route.params.userId}}
  </div>
</template>

axios各种请求方式的传参方式
post和put传参方式都是data，

delete和get传参方式都是params

1.初级传参

[root@hya srcipts]# vim 传参方式1.sh
#!/bin/bash
echo $1 $2 $3
[root@hya srcipts]# ./传参方式1.sh 1 2 3
1 2 3


2.传参高级篇

[root@hya srcipts]# vim 传参方式高级篇2.sh
#!/bin/bash
while getopts "s:p:" opt
do
  case $opt in
            s)
              save=$OPTARG;;
            p)
              path=$OPTARG;;
            ?)
              echo "参数输入错误"
             exit 1;;
 esac
done
echo $save
echo $path


[root@hya srcipts]# ./传参方式高级篇2.sh -s hya -p hhh 
hya
hhh


 

最近在搞Spring Boot的项目，把传参方式总结一下。网上也参考一些文章，总结的很不错，这里借鉴一下。



注解



@RequestParam

这个注解用来绑定单个请求数据，既可以是url中的参数，也可以是表单提交的参数和上传的文件。

Form 表单



URL中传参



不能处理JSON格式的请求。





@PathVariable

这个注解可以将URL中的占位符参数绑定到控制器处理方法的入参。



以上2种注解的使用方式参考Spring Boot Web项目之参数绑定，讲解的很详细，大部分情况都考虑到了。



@RequestBody

这个注解是传JSON对象用的，参考 @RequestBody的正确使用方法。不能通过Form表单、URL传参。





Form-data



普通表单

传送form表单数据，可以不用注解，直接传参，参数名字要一样。



这种传参方式不能处理JSON参数请求。



上传文件



enctype必须设置： 
{"enctype":"multipart/form-data"}