Создание своего компонента в Nuxt
Давайте сделаем простой компонент
с английским текстом в абзаце.
Сохраним его в файле Hello.vue
внутри app/components:
<template>
<p>
Hello from our component!
</p>
</template>
На главной странице выведем этот
блок тегом Hello. Импорт
файла в index.vue не
понадобится - Nuxt уже зарегистрировал
компонент по имени файла:
<template>
<Hello />
</template>
Имя тега совпадает с именем файла без расширения. Так же можно подключать компоненты к любой другой странице или вложить один компонент в другой.
Создайте компонент UserCard
и выведите его на странице
сотрудников.