Vue3中使用路由跳转页面router

1.导入路由

import { useRoute, useRouter } from "vue-router";

2.给useRouter和useRoute命名

const route = useRoute();//用于获取页面的参数
const router = useRouter();//用于页面的跳转

3.页面跳转

router.push({name:"product-list"})
 
//带参数的跳转
router.push({name:"product-list",query:{id:"",name:""}})

4.页面参数的获取

const id=route.query.id