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