关于vue3路由

参考vue3路由跳转and接收参数_vue3 接收参数-CSDN博客

vue3部分使用路由：

传递路由

  //引入API---useRouter
  import { useRouter } from 'vue-router';

//定义router变量
const router =useRouter()

//跳转路由
  setTimeout(()=>{
         router.push({ name:'information', params:params });
      // router.push({ path:'/information', query:res });
      },1500)

接收路由

//1:引入useRoute
import { useRoute } from 'vue-router';

//2:定义变量
const route = useRoute();

onMounted(() => {
  console.log('route.query.data',route.params.data);
  getCerInfo();
})

 route.params还是route.query取决于你是query还是params传值

同时结合自己当初学习vue2的router

1.路由传递有两种方式：1.通过query和path配合,使用query时，path不需要占位，2.一种是params和name配合。params时，path需要占位。我是params,所以我的path占位

路由部分我是这样写的

export const InformationRoute: AppRouteRecordRaw = {
  path: '/information/:data',
  name: 'information',
  component: () => import('/@/views/certiSearch/cerInformation/index.vue'),
  meta: {
    title: '证书信息查询',
    ignoreAuth: true,
  }, 
};