Pages и Layouts в Nuxt
Как это работает?
При первой инизициализации накст приложении в корне вы обнаружите app.vue - это корневой файл, он же компонент, он же страница по адресу /.
app.vue `NuxtLayout - это компонент шаблона. Шаблоны в Nuxt, это общая обертка для компонентов. Шаблон позволяет часть компонентов использовать на всех страницах, а другая часть будет динамической. Например шапка и подвал сайта на всех страницах будет почти одинаковыми, а контент внутри будет разный. Шаблоны располагаются в папке /layouts. Стандартный шаблон именуется default.vue. Остальные шаблоны именуются как компоненты во vue.js, например Admin.vue
layouts/default.vue
`NuxtPage - это компонент страницы. То что находится внутри по сути является содержимым страницы. Страницы в Nuxt, могут быть статичными и динамическими. Статичные определяются названием, например contacts.vue, соответсвенно вы получите url /contacts. Допустим, нам надо получить страницу пользователя по id. Для этого создаем файл users-[id].vue. При помощи хука useRoute, можно получить параметры страницы: useRoute().params.id
