Vue ကွန်ပြူတာ၏တည်ဆောက်ပုံ

ကွန်ပြူတာတိုင်းသည် အောက်ပါတဂ်များ နှစ်ခုဖြင့် ဖွဲ့စည်းထားရမည်-

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

template တဂ်အတွင်း၌ မာကပ်အပင် (markup)၊ ဆိုလိုသည်မှာ ကျွန်ုပ်တို့၏ ကွန်ပြူတာ၏ အမြင်ပိုင်း ကို ရေးသားရမည်-

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

script တဂ်အတွင်း၌မူ ကျွန်ုပ်တို့၏ကွန်ပြူတာ၏ JavaScript ကုဒ်ကို ရေးသားရမည်။ ဤကုဒ်သည် ကျွန်ုပ်တို့၏ကွန်ပြူတာဖိုင်မှ �ုတ်ယူပြီး (export) ပေးမည့် အရာဝတ္ထု (object) တစ်ခုဖြစ်သင့်သည်-

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

ထုတ်ယူပေးသောအရာဝတ္ထုအတွင်း၌ ကွန်ပြူတာ၏ ကြိုတင်သတ်မှတ်ချက်များနှင့် လုပ်ဆောင်ချက်များ ကို ဖော်ပြထားသည်။ ကြိုတင်သတ်မှတ်ချက်များထဲမှ တစ်ခုမှာ ဤကွန်ပြူတာ၏ အမည်ဖြစ်သည်-

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