{ path: '/hello', name: 'HelloWorld', component:HelloWorld, }, 

{{$route.name}}

by ':to' way transfer parameters

{ name: 'hi', path: '/hello/:id', component:HelloWorld, }, 

{{$route.params.id}}

by 'url' way transfer parametersby 'url' way transfer parameters

{ path:'/java/:id/:des', name:'java', component:Java } 

{{$route.params.id}}
{{$route.params.des}}

by ':to' way transfer parametersby ':to' way transfer parametersby ':to' way transfer parametersby ':to' way transfer parameters

{{$route.query.id}}

by 'programming' way transfer parameters

{ name: 'hi', path: '/hello/:id', component:HelloWorld, }, { name: 'hello', path: '/hello2', component:HelloWorld2, }, 

{{$route.params.id}}

this.keyword= this.$route.query.keyword 

axios.get('/toData?id=1') .then(res=>{ console.log(res.data) }) 

axios.get('/toData/1') .then(res=>{ console.log(res.data) }) 

axios.get('/toData',{params:{id:1}}) .then(res=>{ console.log(res.data) }) axios({ url:'/toData' type:'get' params:{id:1} }).then(function (res) { console.log(res.data); }) //直接接收或者拿map接收 public Result test(Integer id) {} public Result test(@RequestParam Map map) {} 

axios.post('/toData',{ uername:'sungan', password:'P@ssw0rd' }) .then(res=>{ console.log(res.data) }) 

let myParams = new URLSearchParams() myParams.append('jobNumber', '430525') myParams.append(' password': '123') axios.post(url,myParams, {headers: {'Content-Type':'application/x-www-form-urlencoded'}}); 

//npm install qs / cnpm install qs (安装了淘宝镜像的才可以使用) //qs.parse()是将URL解析成对象的形式 //qs.stringify()是将对象 序列化成URL的形式，以&进行拼接 import qs from 'qs'; axios.post(url,qs.stringify({jobNumber: '430525', password: '123'}), {headers: {'Content-Type':'application/x-www-form-urlencoded'}} ); 

axios.post('/toData/1',{ uername:'sungan', password:'P@ssw0rd' }) .then(res=>{ console.log(res.data) })