प्रौद्योगिकी साझेदारी

(पूर्वलेखात् निरन्तरं) अग्रभागे एकं चरं रचयन्तु यत् अग्रभागस्य पृष्ठे क्लिक्-सङ्ख्यां वास्तविकसमये अद्यतनं कुर्वन्तु

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

अग्र-अन्त-पृष्ठे क्लिक्-सङ्ख्यायाः वास्तविक-समय-अद्यतनं साक्षात्कर्तुं, वर्तमान-क्लिक्-सङ्ख्यां संग्रहीतुं अग्र-अन्ते चरं निर्वाहयितुम् खलु आवश्यकम्इदं चरं प्रायः Vue घटके भवतिdataविकल्पाः घटके परिभाषिताः भवन्ति तथा च घटकस्य जीवनचक्रविधिषु अथवा घटनानिबन्धकेषु अद्यतनं भवन्ति ।

एतत् कार्यक्षमतां कार्यान्वितुं मूलभूताः सोपानानि अत्र सन्ति ।

  1. चर परिभाषयतु: Vue घटकेdataक्लिक्-सङ्ख्यां संग्रहीतुं फंक्शन् मध्ये एकं चरं परिभाषयन्तु ।

  2. क्लिक्-सङ्ख्यां आरभत: घटकेmountedहुक् मध्ये, भवान् AJAX अनुरोधस्य माध्यमेन पृष्ठभागात् प्रारम्भिकं क्लिक्-सङ्ख्यां प्राप्तुं शक्नोति तथा च अस्मिन् चरे नियुक्तं कर्तुं शक्नोति ।

  3. बाइण्ड् क्लिक् इवेण्ट्: Vue टेम्पलेट् मध्ये, यस्य तत्त्वस्य कृते क्लिक्-सङ्ख्या गणनीया अस्ति, तस्मिन् तत्त्वे क्लिक् इवेण्ट् बाइण्ड् कुर्वन्तु, इवेण्ट् हैण्डलर फंक्शन् मध्ये चरं अपडेट् कुर्वन्तु ।

  4. पृष्ठभागं प्रति अनुरोधं प्रेषयन्तु: क्लिक् इवेण्ट् प्रोसेसिङ्ग् फंक्शन् इत्यस्मिन्, अग्रे-अन्त-चरानाम् अद्यतनीकरणस्य अतिरिक्तं, पृष्ठ-अन्तं प्रति अनुरोधं प्रेषयितुं अपि आवश्यकं यत् पृष्ठ-अन्तं सूचयितुं यत् क्लिक्-सङ्ख्या वर्धिता अस्ति

  5. लाइव अपडेट : पृष्ठभागः अनुरोधं प्राप्तवान् ततः परं, सः दत्तांशकोशे क्लिक्-सङ्ख्यां अद्यतनं करोति । यदि भवान् अग्रे-अन्त-पृष्ठे वास्तविकसमये बहु-उपयोक्तृणां मध्ये क्लिक्-सङ्ख्यां अद्यतनीकर्तुं प्रवृत्तः अस्ति, तर्हि पृष्ठभागे सर्वेभ्यः ऑनलाइन-ग्राहकेभ्यः नवीनतम-क्लिक्-सङ्ख्यां धक्कायितुं तन्त्रं (यथा WebSocket) प्रदातव्यम्

  6. क्लिक् दर्शयतु: Vue टेम्पलेट् मध्ये, पृष्ठे प्रदर्शनार्थं क्लिक् count चरं DOM एलिमेण्ट् प्रति बाइण्ड् कर्तुं data binding इत्यस्य उपयोगं कुर्वन्तु ।

निम्नलिखितम् एकं सरलं Vue घटकस्य उदाहरणम् अस्ति यत् वास्तविकसमये क्लिक्-सङ्ख्यां अद्यतनीकर्तुं चरस्य उपयोगः कथं करणीयः इति दर्शयति: