methods
Misol
Xabarni ko‘rsatish va yashirish uchun methods opsiyasi ichidagi metoddan foydalanish.
export default {
data() {
return {
msg: 'Hello World!',
showMsg: false
};
},
methods: {
toggleMsg() {
this.showMsg = !this.showMsg;
}
}
};
Misolni ishga tushirish »
Ta’rif va qo‘llanilishi
methods opsiyasi — Vue nusxasida e’lon qilingan barcha metodlarni o‘z ichiga olgan obyekt.
Metodlarni Vue ilovasining <template> qismidan to‘g‘ridan-to‘g‘ri (this kalit so‘zisiz) chaqirish mumkin, masalan, v-on direktivasi yordamida metod hodisa sodir bo‘lganda ishga tushadigan qilib sozlanganda.
Vue nusxasi ichidan metodni chaqirish uchun this kalit so‘zidan foydalanish kerak, masalan, metod boshqa metod tomonidan chaqirilganda.
Eslatma: Metodlarni e’lon qilishda arrow funksiyalardan foydalanmaslik kerak, chunki bunday funksiya ichidan this kalit so‘zi orqali Vue nusxasiga murojaat qilib bo‘lmaydi.
Tegishli sahifalar
Vue darsligi: Vue metodlari
Vue darsligi: Vue v-on direktivasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
