传参总结
一、配置路由的时候：（params）
// 1.无参数
export const demoRouter = {
path: '/demo',
name: 'demo',
component: Demo
}
// 2.有参数并且是必须传的
export const demoRouter = {
path: '/demo1/:id',
name: 'demo1',
component: Demo1
}
// 3.有参数并且是不必传的
export const demoRouter = {
path: '/demo1/:id?',
name: 'demo1',
component: Demo1
}
二、配置跳转的时候：（params 和 query）
// 目标路由： -> /user/123
// 写法一：
this.$router.push({
name: 'user',
params: { userId }
})
// 写法二：
this.$router.push({
path: `/user/${userId}`
})
// 目标路由： -> 带查询参数，变成 /register?plan=private
// 写法一：
this.$router.push({
path: 'register',
query: { plan: 'private' }
})
// 写法二：
this.$router.push({
path: '/register?plan=private'
})
