路由配置index.js文件:importVuefrom'vue';importRouterfrom'vue-router'importHelloWorldfrom"../components/HelloWorld";importMyPagefrom"../components/MyPage";从"../components/MyInfo"导入MyInfo;Vue.use(Router)exportdefaultnewRouter({routes:[{path:'/',component:HelloWorld},{path:'/my/:id?/:name?',component:MyPage,name:'my',children:[{path:'info',name:'info',component:MyInfo}]}]})注意:在需要传参的路径后,用/分隔多个参数,如:path:'/my/:id?/:name?',可以解决传参时params参数丢失(异常)的问题刷新页面个人中心个人中心个人中心个人中心Summary:Parampasstoparticipatequerypassparametersaredifferent1.paramspass只能用名字来指定路由的跳转。如果使用path:'/my',params会被忽略,得到的参数是undefined2。获取参数,使用:this.$route.params.**3.params传入多个参数,刷新页面,参数会异常,使用/分隔参数解决问题使用/分隔,不显示参数的字段名(变量名),只显示值输入多个参数,刷新页面,参数正常,参数格式?id=123&name=jack8.query,参数地址栏的路径:http://localhost:8080/#/my?id=123&name=jack,参数以?开头,使用&拼接分隔,字段名和值显示补充:!如果使用to='/my/123/jack'传参,默认使用params接收参数!params传递参数,如果路由中没有声明参数,那么参数就不会出现在地址栏中!路由跳转地址最好用name来定义,传入的参数要和定义路由时的参数一一对应!定义路由时,是否指定参数,参数格式,是否包含(可选)?等参数传递方式不同,name,path,params,query等会导致不同的结果或异常,分析和解决具体情况。