Vue komponenta struktūra
Katram komponentam jāsastāv no sekojošām divām tagām:
<script>
</script>
<template>
</template>
Tagā template jāraksta
izklājums, tas ir, mūsu komponenta
attēlojums:
<template>
<div>
Hello World
</div>
</template>
Un tagā script jāraksta
mūsu komponenta JavaScript kods.
Šim kodam jābūt objektam, kas tiks
eksportēts no mūsu komponenta faila:
<script>
export default {
}
</script>
Eksportētajā objektā tiek norādīti dažādi komponenta iestatījumi un funkcijas. Viens no iestatījumiem ir šī komponenta nosaukums:
export default {
name: 'App',
}
Tagā template jūsu komponentā
izvadiet kādu tekstu ar tagiem.