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

Всеки компонент трябва да се състои от двата следни тага:

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

В тага template трябва да се пише верстка, тоест представянето на нашия компонент:

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

А в тага script трябва да се пише JavaScript код на нашия компонент. Този код трябва да представлява обект, който ще бъде експортиран от нашия файл на компонента:

<script>
	export default {
		
	}
</script>

В експортирания обект се посочват различни настройки и функции на компонента. Една от настройките е името на този компонент:

export default {
	name: 'App',
}

В тага template на вашия компонент изведете някакъв текст с тагове.