Vue සංරචකයේ ව්‍යුහය

සෑම සංරචකයක්ම පහත සඳහන් ටැග දෙකෙන් සමන්විත විය යුතුය:

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

template ටැගය තුළ, අපගේ සංරචකයේ දර්ශනය, එනම් HTML සලකුණු කිරීම, ලිවිය යුතුය:

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

script ටැගය තුළ, අපගේ සංරචකයේ JavaScript කේතය ලිවිය යුතුය. මෙම කේතය අපගේ සංරචක ගොනුවෙන් අපනයනය කරනු ලබන වස්තුවක් විය යුතුය:

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

අපනයනය කරන වස්තුව තුළ, සංරචකයේ විවිධ සැකසුම් සහ කාර්යයන් සඳහන් කරයි. මෙම සංරචකයේ නම එවැනි සැකසුම් වලින් එකකි:

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