Vue ကွန်ပြူတာ၏တည်ဆောက်ပုံ
ကွန်ပြူတာတိုင်းသည် အောက်ပါတဂ်များ နှစ်ခုဖြင့် ဖွဲ့စည်းထားရမည်-
<script>
</script>
<template>
</template>
template တဂ်အတွင်း၌
မာကပ်အပင် (markup)၊ ဆိုလိုသည်မှာ ကျွန်ုပ်တို့၏
ကွန်ပြူတာ၏ အမြင်ပိုင်း ကို
ရေးသားရမည်-
<template>
<div>
Hello World
</div>
</template>
script တဂ်အတွင်း၌မူ
ကျွန်ုပ်တို့၏ကွန်ပြူတာ၏ JavaScript ကုဒ်ကို
ရေးသားရမည်။
ဤကုဒ်သည် ကျွန်ုပ်တို့၏ကွန်ပြူတာဖိုင်မှ
�ုတ်ယူပြီး (export) ပေးမည့်
အရာဝတ္ထု (object) တစ်ခုဖြစ်သင့်သည်-
<script>
export default {
}
</script>
ထုတ်ယူပေးသောအရာဝတ္ထုအတွင်း၌ ကွန်ပြူတာ၏ ကြိုတင်သတ်မှတ်ချက်များနှင့် လုပ်ဆောင်ချက်များ ကို ဖော်ပြထားသည်။ ကြိုတင်သတ်မှတ်ချက်များထဲမှ တစ်ခုမှာ ဤကွန်ပြူတာ၏ အမည်ဖြစ်သည်-
export default {
name: 'App',
}
သင့်ကွန်ပြူတာ၏ template တဂ်အတွင်း၌
တဂ်များဖြင့် စာသားတစ်ခုခုကို ထုတ်ပြပါ။
