Лучший способ получить текущий маршрут в Vue3 и Vue-router?

Question

Я пытаюсь получить текущий путь (что-то вроде "https://example.com/some/path") с Vue3 и Vue-router.

Раньше, используя Vue2, я мог получить текущий маршрут, используя:

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

но в Vue3 невозможно использовать ctx.root( как заявил здесь Эван Ю ).
Итак, каков предпочтительный способ получить текущий маршрут с помощью Vue3?

Answer 1

Вы можете использовать составную функцию <tcode id="4334431"></tcode> :

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

setup(){
   const route=useRoute();

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