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