#2 – Маршрутизация в Nuxt.js

Отслеживание URL (маршрутизация) — одна из ключевых особенностей фреймворка Nuxt.js, предназначенная для создания современных веб-приложений на основе Vue. Nuxt упрощает работу с маршрутами благодаря автоматическому определению и генерации маршрутов на основе структуры файлов.

Как работает маршрутизация в Nuxt

В Nuxt JS маршрутизация полностью основана на структуре папки pages. Каждый файл в этой папке становится отдельным маршрутом, и Nuxt.js автоматически создает для него URL. Например:

• Файл pages/index.vue отвечает за главную страницу (/).
• Файл pages/about.vue создаст маршрут /about.
• Подпапки создают вложенные маршруты: pages/blog/index.vue станет /blog, а pages/blog/post.vue — /blog/post.

Динамические маршруты

Для создания маршрутов с динамическими сегментами, например, /blog/:id, в Nuxt используют специальные файлы. Например, файл pages/blog/[id].vue создаст маршрут /blog/:id, где id — это параметр, передаваемый через URL.