Meilleur moyen d'obtenir la route actuelle à Vue3 et à Vue-Router?

Question

J'essaie d'obtenir le chemin actuel (quelque chose comme "https://example.com/some/path") Avec Vue3 et Vue-Router.

Auparavant, lorsque vous utilisez VUE2, je pourrais obtenir l'itinéraire actuel en utilisant:

    // works with vue 2.x with composition-api, but not with vue 3.x
    setup(_, ctx) {
        const path = computed(() => ctx.root.$route.path)

mais dans Vue3, il n'est pas possible d'utiliser ctx.root ( comme indiqué par evan vous ici ).
[.____] alors quel est le moyen préféré d'obtenir la route actuelle avec VUE3?

Answer 1

Vous pouvez utiliser une fonction composable useRoute :

import {useRoute} from 'vue-router'
import {computed} from 'vue'
...

setup(){
   const route=useRoute();

   const path = computed(() =>route.path)
}