阿里五次面试，vue-router路由传参的三种方式，万字长文

name: ‘Detail’,

component: Detail

}

//跳转时页面

this.$router.push({

name: ‘Detail’,

params: {

name: ‘张三’，

id: 1,

}

})

//跳转后页面获取参数对象

this.$route.params

注：命名路由传递参数需要使用params来传递，这里一定要注意使用params不是query。目标 页面接收传递参数时使用params

通过query属性传值-path

//路由配置文件中

{

path: ‘/detail’,

name: ‘Detail’,

component: Detail

}

//跳转时页面

this.$router.push({

path: ‘/detail’,

query: {

name: ‘张三’，

id: 1,

}

})

//跳转后页面获取参数对象

this.$route.query

通过动态路由方式

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往