Vue 'serverPrefetch' Lifecycle Hook
টিপ:
আপনার Vue সার্ভার পান
সার্ভার সাইডে ডেটা আনতে সার্ভারপ্রিফেচ লাইফসাইকেল হুক ব্যবহার করে।
Example
export default {
data() {
return {
data: null,
};
},
async serverPrefetch() {
const response = await fetch("https://random-data-api.com/api/v2/users");
this.data = await response.json();
}
};সংজ্ঞা এবং প্রয়োগ
সার্ভারপ্রিফেচ লাইফসাইকেল হুক শুধুমাত্র সার্ভার-সাইড রেন্ডারিং (SSR) এর সময় ঘটে।
সার্ভারপ্রেফেচ লাইফসাইকেল হুকটি ব্যবহার করা হয় ডেটা আনার জন্য, যদি আপনি এটি একচেটিয়াভাবে সার্ভার-সাইড করতে চান।
সার্ভারপ্রেফেচ লাইফসাইকেল হুক একটি অ্যাসিঙ্ক্রোনাস ফাংশন হিসাবে ব্যবহার করা হয় যাতে এটি একটি প্রতিশ্রুতি প্রদান করলে, সার্ভারটি প্রতিশ্রুতি সমাধান না হওয়া পর্যন্ত উপাদানটি রেন্ডার করার জন্য অপেক্ষা করে।
দ্রষ্টব্য:
উপরের উদাহরণে, "উদাহরণ চালান" বোতামটি অনুপস্থিত কারণ উদাহরণটি কাজ করবে না কারণ সার্ভার-সাইড রেন্ডারিং (SSR) এর সময় সার্ভারপ্রিফেচ হুক কল করা হয়৷
Vue ServerPrefetch টিউটোরিয়াল
এই টিউটোরিয়ালে ব্যাখ্যা যাচাই করতে পারে এমন অনুশীলন করুন।