Vue में कस्टम निर्देश कैसे बनाएं

निर्देश प्रोग्रामिंग संरचनाएं हैं जो निर्दिष्ट करती हैं कि दुभाषियों और कंपाइलरों को किसी ऑपरेशन के लिए इनपुट को कैसे संसाधित करना चाहिए। Vue निर्देश Vue टेम्प्लेट में HTML तत्वों की कार्यक्षमता का विस्तार करते हैं, जिससे DOM में सीधे हेरफेर की अनुमति मिलती है।

आप अन्य परिचालनों के बीच इवेंट श्रोताओं को जोड़ने के लिए Vue में निर्देशों का उपयोग कर सकते हैं। आप अपने ऐप में निर्देशों का उपयोग करने के लिए HTML तत्वों में अतिरिक्त विशेषताएँ संलग्न करेंगे।

Vue निर्देशों की संरचना

Vue में निर्देशों में एक है वी उन्हें नियमित HTML विशेषताओं से अलग करने के लिए उपसर्ग। वी उपसर्ग Vue कंपाइलर को बताता है कि विशेषता एक Vue निर्देश है, इसलिए यह उस निर्देश के व्यवहार को HTML तत्व पर संसाधित और लागू कर सकता है।

यहां एक उदाहरण दिया गया है जो इसके उपयोग को प्रदर्शित करता है वि दिखाएँ किसी की सामग्री प्रदर्शित करने के लिए विशेषता एच 2 तत्व:

"सत्य">हैलो व्यू</h2>

Vue.js में और भी कई अंतर्निहित निर्देश हैं

वी-बाइंड, वी-अगर, और वि पर, आपको जैसे कार्य करने में सक्षम बनाता है डेटा बाइंडिंग, सशर्त प्रतिपादन, घटना से निपटना, और अधिक।

Vue में कस्टम निर्देशों को परिभाषित करना

आप अपने Vue.js ऐप्स के लिए नई, पुन: प्रयोज्य कार्यक्षमता जोड़ने के लिए कस्टम निर्देशों को परिभाषित कर सकते हैं। कस्टम निर्देश बनाने के लिए दो प्रमुख चरणों की आवश्यकता होती है। सबसे पहले, आप निर्देश को स्थानीय या वैश्विक स्तर पर पंजीकृत करेंगे। फिर, आप जीवनचक्र हुक के साथ निर्देश के व्यवहार को परिभाषित करेंगे।

कस्टम निर्देशों का पंजीकरण

आप Vue में एक कस्टम निर्देश को उसके इच्छित दायरे के आधार पर स्थानीय या वैश्विक स्तर पर पंजीकृत कर सकते हैं। हालाँकि, विश्व स्तर पर निर्देशों को पंजीकृत करना एक अधिक सामान्य अभ्यास है। यह सुनिश्चित करता है कि निर्देश आपके Vue एप्लिकेशन के अंदर हर जगह उपलब्ध हैं।

यदि आप एक साधारण Vue घटक के अंदर कस्टम निर्देश का उपयोग करने का इरादा रखते हैं तो आप स्थानीय रूप से कस्टम निर्देश पंजीकृत कर सकते हैं। यहां बताया गया है कि आप कैसे पंजीकरण कर सकते हैं वी-रंग बदलें स्थानीय स्तर पर निर्देश: