Vue3Router路由传参-526互联

import { useRouter } from 'vue-router'
//首先在setup中定义
 const router = useRouter()

// 字符串
router.push('home')

// 对象
router.push({ path: 'home' })

// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})

// 带查询参数，变成 /register?userId=123
router.push({ path: 'register', query: { userId: '123' }})


//首先在setup中定义
const route = useRoute()
//query
let userId=route.query.userId;

//params
let userId=route.params.userId;


const userId = '123'
router.push({ name: 'user', params: { userId }}) // -> /user/123
router.push({ path: `/user/${userId}` }) // -> /user/123
// 这里的 params 不生效
router.push({ path: '/user', params: { userId }}) // -> /user