Comment obtenir des params de routeur In vue 3?

Question

J'ai créé un projet dans VUE.JS 3 et Typescript.

routeur.js

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

App.js

<script lang="ts">

...

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

Mais cela se traduit par une erreur:

"Cannot find name '$route'."

Qu'est-ce que je fais mal?

Answer 1

Si nous utilisons le nouveau Vue 3 'Script Setup' SFC Way, alors

<script setup>
import { useRoute } from 'vue-router';

const route = useRoute();  
const id = route.params.id; // read parameter id (it is reactive) 

</script>