Структура 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',
}