Vue3路由传参（query）

1.在主组件中引入路由

import { useRouter } from "vue-router";

2.创建路由对象

const route = new useRouter()

3.在组件中绑定方法

<goods-list-item 
    v-for="(item,index) in goods.list"
    :product="item" :key="index"
    @click="goDetail(item.id)">
</goods-list-item>

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