РЕПЕТИТОР математика физика информатика
Для школьников и студентов. Подтягивание пробелов. ЦЭ, ЦТ, ОГЭ, ЕГЭ.
Идет набор на ЛЕТО. Жмите для подробностей:)
⊗jsnuPmCmCC 25 of 84 menu
◀ ▶

Создание своего компонента в Nuxt

Давайте сделаем простой компонент с английским текстом в абзаце. Сохраним его в файле Hello.vue внутри app/components:

<template> <p> Hello from our component! </p> </template>

На главной странице выведем этот блок тегом Hello. Импорт файла в index.vue не понадобится - Nuxt уже зарегистрировал компонент по имени файла:

<template> <Hello /> </template>

Имя тега совпадает с именем файла без расширения. Так же можно подключать компоненты к любой другой странице или вложить один компонент в другой.

Создайте компонент UserCard и выведите его на странице сотрудников.

← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить