computed
Misol
Mos tugma matnini ko‘rsatish uchun computed opsiyasi ichidagi computed xususiyatdan foydalanish.
export default {
data() {
return {
msg: 'Hello World!',
showMsg: false
};
},
computed: {
btnText() {
if( this.showMsg ) {
return 'Hide'
}
else {
return 'Show'
}
}
}
};
Ta’rif va qo‘llanilishi
computed opsiyasi — Vue nusxasida e’lon qilingan barcha computed xususiyatlarni o‘z ichiga olgan obyekt.
Computed xususiyatlar odatda faqat o‘qish uchun bo‘ladi (yuqoridagi misolga qarang), lekin computed xususiyatni ham get, ham set funksiyasiga ega obyekt sifatida aniqlash mumkin, ya’ni bunday computed xususiyatga qiymat yozish ham mumkin bo‘ladi.
Eslatma: Hisoblangan (computed) xususiyatlarni 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 hisoblangan (computed) xususiyatlar
Vue darsligi: Vue v-on direktivasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!