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