Vue կոմպոնենտի կառուցվածքը

Յուրաքանչյուր կոմպոնենտ պետք է բաղկացած լինի հետևյալ երկու թեգերից.

App.vue<script>
  
</script>
<template>
  
</template>

template թեգում պետք է գրել վերստը, այսինքն՝ մեր կոմպոնենտի ներկայացումը.

App.vue<template>
  <div>
    Hello World
  </div>
</template>

Իսկ script թեգում պետք է գրել մեր կոմպոնենտի JavaScript կոդը։ Այս կոդը պետք է ներկայացնի օբյեկտ, որը կէքսպորտավորվի մեր կոմպոնենտի ֆայլից.

App.vue<script>
  export default {
    
  }
</script>

Էքսպորտավորվող օբյեկտում նշվում են կոմպոնենտի տարբեր կարգավորումներ և ֆունկցիաներ։ Կարգավորումներից մեկը այս կոմպոնենտի անունն է.

App.vueexport default {
  name: 'App',
}