Vue3路由传参（query）

1.在主组件中引入路由

import { useRouter } from "vue-router";

2.创建路由对象

const route = new useRouter()

3.在组件中绑定方法

4.在setup中实现该方法

const goDetail = (id) => {
    route.push({
        path:'/detail',
        query:{id}
    })
}

5.在需要接收参数的组件中引入

import { useRouter } from "vue-router";

6.在需要接收参数的组件中创建路由对象

const router = useRouter();

7.路由接收

state.id = router.currentRoute.value.query.id