АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP, Python и фреймворки. Сегодня последний день для записи! Жми!
⊗jsvuPmBsCS 3 of 72 menu
Бесплатный ЛЕТНИЙ курс по React фреймворку NextJS. Мы уже начали, но еще можно присоединится! Жми для записи!

Структура компонента Vue

Каждый компонент должен состоять из двух следующих тегов:

<script> </script> <template> </template>

В теге template следует писать верстку, то есть представление нашего компонента:

<template> <div> Hello World </div> </template>

А в теге script следует писать JavaScript код нашего компонента. Этот код должен представлять собой объект, который будет экспортироваться из нашего файла компонента:

<script> export default { } </script>

В экспортируемом объекте указываются различные настройки и функции компонента. Одной из настроек является имя этого компонента:

export default { name: 'App', }

В теге template вашего компонента выведите какой-нибудь текст с тегами.

enru