Структура компонента Vue
Каждый компонент должен состоять из двух следующих тегов:
<script>
</script>
<template>
</template>
В теге template
следует писать
верстку, то есть представление
нашего компонента:
<template>
<div>
Hello World
</div>
</template>
А в теге script
следует
писать JavaScript код нашего компонента.
Этот код должен представлять собой
объект, который будет экспортироваться
из нашего файла компонента:
<script>
export default {
}
</script>
В экспортируемом объекте указываются различные настройки и функции компонента. Одной из настроек является имя этого компонента:
export default {
name: 'App',
}
В теге template
вашего компонента
выведите какой-нибудь текст с тегами.