Muundo wa Sehemu ya Vue

Kila sehemu inapaswa kuwa na vitawi viwili vifuatavyo:

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

Katika kitawi template andika mwonekano, yaani muonekano wa sehemu yetu:

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

Na katika kitawi script andika mkodo wa JavaScript wa sehemu yetu. Mkodo huu unapaswa kuwa kitu, ambacho kitapeanwa nje kutoka kwa faili yetu ya sehemu:

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

Katika kitu kilichotolewa nje hupewa mipangilio mbalimbali na kazi za sehemu. Moja ya mipangilio ni jina la sehemu hii:

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