vue3 + ts,如何获取路由传递的参数

在Vue 3中，你可以使用$route对象来获取路由传递的参数。通常，在组件的setup函数中，你可以通过useRoute钩子或者直接从context中访问$route对象来获取路由信息。以下是两种获取路由参数的方法：

1. 使用useRoute钩子：

import { useRoute } from 'vue';

export default {
  setup() {
    const route = useRoute();
    // 现在可以通过route对象访问路由参数，例如：
    const text = route.query.text;

    return { text };
  }
};

     2、直接从context中访问$route对象：

import { getCurrentInstance } from 'vue';

export default {
  setup() {
    const instance = getCurrentInstance();
    const route = instance?.appContext.config.globalProperties.$route;
    // 现在可以通过route对象访问路由参数，例如：
    const text = route?.query.text;

    return { text };
  }
};