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

Ҳар як компонент бояд аз ду теги зерин иборат бошад:

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

Дар теги template бояд верстка, яъне представление ҳамчун компоненти мо навишта шавад:

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

Ва дар теги script бояд коди JavaScript компоненти мо навишта шавад. Ин код бояд объектеро ташкил диҳад, ки аз файли компоненти мо экспорт карда мешавад:

<script>
	export default {
		
	}
</script>

Дар объекти экспортшаванда танзимотҳо ва функсияҳои гуногуни компонент муайян карда мешаванд. Яке аз танзимотҳо номи ҳамин компонент аст:

export default {
	name: 'App',
}

Дар теги template компоненти худ ягон матнро бо тегҳо баровардан кунед.