Vue Komponentining Tuzilishi

Har bir komponent quyidagi ikkita teqdan iborat bo'lishi kerak:

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

template teqida komponentimizning ko'rinishi ya'ni veb-sahifa strukturasi yoziladi:

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

script teqida esa komponentimizning JavaScript kodi yoziladi. Ushbu kod komponent faylidan eksport qilinadigan ob'ekt bo'lishi kerak:

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

Eksport qilinayotgan ob'ektda komponentning turli sozlamalari va funksiyalari ko'rsatiladi. Ulardan biri ushbu komponentning nomi:

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