如何在vue3中获取路由器的参数？

我在 Vue.js 3 和 TypeScript 中创建了一个项目。

路由器.js

{
    path: "/app/:id",
    name: "Detail",
    component: Detail,
    props: true
  },

应用程序.js

{
    path: "/app/:id",
    name: "Detail",
    component: Detail,
    props: true
  },

但这会导致错误：

"Cannot find name '$route'."

我究竟做错了什么？

回答

import { useRoute } from 'vue-router'

export default {
  setup() {
    const route = useRoute()

    onMounted(() => {
      const id = route.params.id
    })
  }
}