Vue Komponentinin Strukturu

Hər bir komponent aşağıdakı iki teq-dən ibarət olmalıdır:

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

template teq-i içərisində biz komponentimizin təsviri olan verstkanı yazmalıyıq:

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

script teq-i içərisində isə komponentimizin JavaScript kodunu yazmalıyıq. Bu kod, komponent faylımızdan ixrac olunacaq bir obyekt təşkil etməlidir:

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

İxrac olunan obyektdə komponentin müxtəlif parametrləri və funksiyaları göstərilir. Bu parametrlərdən biri də komponentin adıdır:

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