Фото: Pacto Visual на Unsplash
Передумови
- Переконайтеся, що у вас встановлено Node.js версії 18.3+.
- Вам потрібно створити Vue аплікацію, слідуючи цьому посібнику.
Вступ
У Vue ми створюємо інтерфейси користувача (UI), пишучи маленькі блоки інтерфейсу, які називаються компонентами, і використовуємо їх для побудови великого та красивого інтерфейсу.
Створення компонента
Щоб створити компонент, додайте файл до папки components і назвіть його SimpleComponent.vue.
У SimpleComponent
Відкрийте файл SimpleComponent.vue і напишіть заголовок, як показано нижче:
Виклик з компонента App
Відкрийте файл App.vue і напишіть наступний код:
У рядку 2 ми використовуємо `для виклику компонентаSimpleComponentвсередині компонентаApp`.
Переконайтеся, що ви імпортували SimpleComponent, як показано в рядку 6.
Запуск проєкту
Ви побачите заголовок з SimpleComponent, відображений у браузері.
Готово
Ось як оголосити компонент і використовувати його в іншому компоненті.
Попередній: Watch і WatchEffect
Наступний:
Перекладено з: Components