2024-07-08
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
अग्र-अन्त-पृष्ठे क्लिक्-सङ्ख्यायाः वास्तविक-समय-अद्यतनं साक्षात्कर्तुं, वर्तमान-क्लिक्-सङ्ख्यां संग्रहीतुं अग्र-अन्ते चरं निर्वाहयितुम् खलु आवश्यकम्इदं चरं प्रायः Vue घटके भवतिdata
विकल्पाः घटके परिभाषिताः भवन्ति तथा च घटकस्य जीवनचक्रविधिषु अथवा घटनानिबन्धकेषु अद्यतनं भवन्ति ।
एतत् कार्यक्षमतां कार्यान्वितुं मूलभूताः सोपानानि अत्र सन्ति ।
चर परिभाषयतु: Vue घटकेdata
क्लिक्-सङ्ख्यां संग्रहीतुं फंक्शन् मध्ये एकं चरं परिभाषयन्तु ।
क्लिक्-सङ्ख्यां आरभत: घटकेmounted
हुक् मध्ये, भवान् AJAX अनुरोधस्य माध्यमेन पृष्ठभागात् प्रारम्भिकं क्लिक्-सङ्ख्यां प्राप्तुं शक्नोति तथा च अस्मिन् चरे नियुक्तं कर्तुं शक्नोति ।
बाइण्ड् क्लिक् इवेण्ट्: Vue टेम्पलेट् मध्ये, यस्य तत्त्वस्य कृते क्लिक्-सङ्ख्या गणनीया अस्ति, तस्मिन् तत्त्वे क्लिक् इवेण्ट् बाइण्ड् कुर्वन्तु, इवेण्ट् हैण्डलर फंक्शन् मध्ये चरं अपडेट् कुर्वन्तु ।
पृष्ठभागं प्रति अनुरोधं प्रेषयन्तु: क्लिक् इवेण्ट् प्रोसेसिङ्ग् फंक्शन् इत्यस्मिन्, अग्रे-अन्त-चरानाम् अद्यतनीकरणस्य अतिरिक्तं, पृष्ठ-अन्तं प्रति अनुरोधं प्रेषयितुं अपि आवश्यकं यत् पृष्ठ-अन्तं सूचयितुं यत् क्लिक्-सङ्ख्या वर्धिता अस्ति
लाइव अपडेट : पृष्ठभागः अनुरोधं प्राप्तवान् ततः परं, सः दत्तांशकोशे क्लिक्-सङ्ख्यां अद्यतनं करोति । यदि भवान् अग्रे-अन्त-पृष्ठे वास्तविकसमये बहु-उपयोक्तृणां मध्ये क्लिक्-सङ्ख्यां अद्यतनीकर्तुं प्रवृत्तः अस्ति, तर्हि पृष्ठभागे सर्वेभ्यः ऑनलाइन-ग्राहकेभ्यः नवीनतम-क्लिक्-सङ्ख्यां धक्कायितुं तन्त्रं (यथा WebSocket) प्रदातव्यम्
क्लिक् दर्शयतु: Vue टेम्पलेट् मध्ये, पृष्ठे प्रदर्शनार्थं क्लिक् count चरं DOM एलिमेण्ट् प्रति बाइण्ड् कर्तुं data binding इत्यस्य उपयोगं कुर्वन्तु ।
निम्नलिखितम् एकं सरलं Vue घटकस्य उदाहरणम् अस्ति यत् वास्तविकसमये क्लिक्-सङ्ख्यां अद्यतनीकर्तुं चरस्य उपयोगः कथं करणीयः इति दर्शयति: