Vue-তে সহায়ক পদ্ধতি
সহায়ক পদ্ধতি তৈরি করা সম্ভব,
যেগুলো অন্য পদ্ধতির ভিতরে ব্যবহার করা হবে।
এই ধরনের পদ্ধতিগুলোর সাথেও
this এর মাধ্যমে যোগাযোগ করতে হবে।
আসুন একটি উদাহরণ দেখি। আমাদের কাছে
নিম্নলিখিত পদ্ধতি আছে:
show: function() {
alert(this.text);
}
একটি সহায়ক পদ্ধতি তৈরি করা যাক, যেটি প্রদত্ত স্ট্রিংয়ের প্রথম অক্ষর বড় হাতের করবে:
cape: function(str) {
return str[0].toUpperCase() + str.slice(1);
}
মূল পদ্ধতির ভিতরে সহায়ক পদ্ধতিটি ব্যবহার করা যাক:
methods: {
show: function() {
let text = this.cape(this.text);
alert(text);
},
cape: function(str) {
return str[0].toUpperCase() + str.slice(1);
}
}
একটি সহায়ক পদ্ধতি তৈরি করুন, যেটি প্যারামিটার হিসাবে একটি সংখ্যা নেবে, এবং সেই সংখ্যার সাথে মিলে যাওয়া সপ্তাহের দিনটি রিটার্ন করবে।
একটি মূল পদ্ধতি তৈরি করুন, যেটি বর্তমান সপ্তাহের দিনের নাম স্ক্রিনে প্রদর্শন করবে।