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',
}