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',
}