Vue တွင် ဖြစ်ရပ်ကို တုံ့ပြန်ဆောင်ရွက်မှုများ ချိတ်ဆက်ခြင်း
ယခု ကျွန်ုပ်တို့၏ method ကို တစ်ခုခုသော ဖြစ်ရပ်တစ်ခုဖြင့် စတင်လုပ်ဆောင်ကြည့်ရအောင်။
မည်သည့် DOM element ပေါ်တွင် မဆို ဖြစ်ရပ်တစ်ခုကို ချိတ်ဆက်ရန်
v-on directive ကို အသုံးပြုရန် လိုအပ်ပါသည်။
ဤ directive ၌ နှစ်မျက်နှာကြောင်းပြီးနောက် ဖြစ်ရပ်၏ အမည်ကို ဖော်ပြရမည်၊ တန်ဖိုးအဖြစ်မှာ method ၏ အမည်ဖြစ်ပြီး၊ ထိုဖြစ်ရပ် ဖြစ်ပွားသည့်အခါ ခေါ်ယူရန် လိုအပ်သော method ဖြစ်သည်။
လက်တွေ့လုပ်ဆောင်ကြည့်ရအောင်။ ကျွန်ုပ်တို့တွင် အောက်ပါ method ရှိသည်ဟု ယူဆပါစို့။
methods: {
show: function() {
alert('!');
}
}
ကျွန်ုပ်တို့တွင် အောက်ပါ ခလုတ်တစ်ခု ရှိသည်ဟု ယူဆပါစို့။
<template>
<button>text</button>
</template>
ဤခလုတ်ကို ကလစ်နှိပ်လိုက်သည့်အခါ
show method ခေါ်ယူသွားအောင်
လုပ်ဆောင်ကြည့်ရအောင်။
<template>
<button v-on:click="show">text</button>
</template>
ပုံမှန်အားဖြင့် အားလုံးသည်
v-on ၏ အတိုကောက်ပုံစံကို အသုံးပြုကြသည်။
၎င်းသည် ဖြစ်ရပ်၏ အမည်မပြီးမီ
@ သင်္ကေတကို ကိုယ်စားပြုသည်။
<template>
<button @click="show">text</button>
</template>
ခလုတ်တစ်ခုလုပ်ပါ၊ ၎င်းကို ကလစ်နှိပ်လိုက်သည့်အခါ
alert မှတစ်ဆင့် လက်ရှိ ရက်စွဲကို ပြသပေးပါ။
ယခင်အလုပ်ကို ပြင်ဆင်ပါ၊ သို့မှသာ
alert ကို ကလစ်နှိပ်ခြင်းဖြင့် မဟုတ်ဘဲ မောက်စ်ဖြင့် ထောက်ပြခြင်းဖြင့်
ပြသပေးပါ။
