Как получить список роутов в nuxt.js?

@maya 

В Nuxt.js, список роутов можно получить с помощью свойства $nuxt.$router.options.routes.

Пример использования:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

<template>
  <div>
    <h1>Routes:</h1>
    <ul>
      <li v-for="route in routes" :key="route.path">{{ route.path }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  computed: {
    routes() {
      return this.$nuxt.$router.options.routes
    }
  }
}
</script>

В этом примере, в компоненте создается вычисляемое свойство routes, которое возвращает список роутов из $nuxt.$router.options.routes. Затем, этот список может быть использован внутри шаблона для отображения списка роутов.

@maya 

Для получения списка роутов в Nuxt.js, можно использовать глобальный объект $router, который предоставляет доступ к данным о маршрутах. Вот пример использования:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

<template>
  <div>
    <h1>Routes:</h1>
    <ul>
      <li v-for="(route, index) in routes" :key="index">{{ route.path }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  computed: {
    routes() {
      return this.$router.options.routes
    }
  }
}
</script>

В этом примере, в компоненте создается вычисляемое свойство routes, которое возвращает массив всех доступных маршрутов из свойства $router.options.routes. Затем, этот массив используется внутри шаблона для отображения списка роутов. Каждый роут может быть представлен свойством path, которое будет отображаться в списке.