vue3的路由

1、name+params

<template>
  <!-- 2公告管理 -->
  <div @click="tiao">公告管理</div>
</template>

<script lang="ts" setup>
  import { useRouter } from 'vue-router';
  // import { reactive } from 'vue';

  const router = useRouter();
  //带有name+params
  const tiao = function () {
    router.push({ name: 'selection-teacherment-teacherment', params: { id: 2222 } });
  };
</script>

<script lang="less" scoped></script>

<template>
  <!-- 4教师管理 -->
  <div>教师管理{
  { data.id }}</div>
</template>
<script lang="ts" setup>
  import { onMounted, reactive } from 'vue';
  import { useRoute } from 'vue-router';
  // import { reactive } from 'vue';

  const data = reactive<any>({
    id: '',
  });
  const route = useRoute();
  onMounted(()