Структураи компоненти 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',
}