جلسه ۷ – معرفی متغییر compute در ویو جی اس

به نام خدا
در این آموزش قصد داریم در مورد متغیر compute تو شی ویو جی اس باهم صحبت کنیم همره با یک مثال
در آموزش هاس قبلی وقتی داده ای رو از ویو جی اس میخواستیم نمایش بدیم با سینتکس زیر تو یه تگ نمایش می دادیم
{{ message }}

در کنار نمایش داده میشه اونو تغییراتی که میخوام روش اعمال بشه رو با فانکشن های که به صورت دیفالت داریم اعمال کنیم مثلا برای بزرگ کردن کلمات یک رشته کارکتر می تونیم
از کدر زیر استفاده کنیم
{{ message.toUpperCase() }}

ولی اگه بخوایم چندیدن بار این کار انجام بشه و یک رشته با حروف بزرگ نوشته بشه منطقی نیست که بیام هر دفه تابع toUpperCase() رو صدا بزنیم تو ویو جی اس اومده مانند data , method
مقدار compute رو معرفی کرده که تابع که میخوایم انجام بشه رو یکبار صدا میزنه و چندین بار می تونیم ازش استفاده کنیم

<script src=”https://unpkg.com/vue/dist/vue.js”></script>
<script>
var app = new Vue({
el: ‘#app’,
data: {
message: ‘Display This’
},
computed: {
uppercaseMessage: function()
{
return this.message.toUpperCase();
}
}
})
</script>

خب فرق method با compute اینکه که compute کش میکنه مقداری رو که یک بار اجرا میکنه بعد برای دفعه بعد نمی اد دوباره تابع رو صدا بزنه همون مقدار کش شده رو استفاده می کنه

{{ uppercaseMessage}}

با کد بالا کلمات رشته به صورت بزرگ به ما می دهد

با ما همراه باشید
موفق باشید

local_offerevent_note خرداد ۵, ۱۳۹۷

account_box ali kaviani


local_offer

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *