नमस्कार ! प्रॉप्स Vue.js के सबसे आवश्यक भागों में से एक हैं, वे घटकों के बीच जानकारी के आदान-प्रदान की अनुमति देते हैं। प्रॉप्स का उपयोग सेटअप फ़ंक्शन के अंदर किया जाता है। नीचे हम विस्तार से देख सकते हैं कि प्रॉप्स के साथ कैसे काम करते हैं:

1. प्रोप्स को परिभाषित करना: DefineProps फ़ंक्शन का उपयोग Vue.js में प्रॉप्स को परिभाषित करने के लिए किया जाता है। डिफाइनप्रॉप्स ऑब्जेक्ट का उपयोग प्रॉप्स के प्रकार और गुणों को परिभाषित करने के लिए किया जाता है।

यहां प्रॉप्स ऑब्जेक्ट शीर्षक और संदेश प्रॉप्स को परिभाषित करता है। शीर्षक प्रोप प्रकार स्ट्रिंग और अनिवार्य है (आवश्यक: सत्य), और संदेश में स्ट्रिंग प्रकार और डिफ़ॉल्ट मान (डिफ़ॉल्ट संदेश) है।

1. प्रॉप्स का उपयोग करना: डिफाइनप्रॉप्स फ़ंक्शन द्वारा परिभाषित प्रॉप्स का उपयोग सीधे या में किया जा सकता है।

1. प्रॉप्स का प्रकार और सत्यापन: डिफाइनप्रॉप्स का उपयोग प्रॉप्स के प्रकार और सत्यापन को परिभाषित करने के लिए किया जा सकता है। Vue 3 में हम सत्यापन के लिए प्रकार प्रदान कर सकते हैं, उदाहरण के लिए स्ट्रिंग, संख्या, बूलियन, ऐरे, ऑब्जेक्ट ...

उपरोक्त उदाहरण में, आईडी प्रोप संख्या प्रकार का है और अनिवार्य है, और उपयोगकर्ता प्रोप ऑब्जेक्ट प्रकार का है और इसका एक डिफ़ॉल्ट मान है।

डिफ़ॉल्ट मान आपको Vue 3 में प्रॉप्स के लिए पूर्वनिर्धारित मानों को परिभाषित करने की अनुमति देता है। यदि घटक को कोई प्रॉप्स नहीं भेजा जाता है, तो Vue डिफ़ॉल्ट मान का उपयोग करता है। यह अधिक सुविधाजनक है क्योंकि यह घटक को उपयोग में आसान और सुरक्षित बनाता है।

अगले लेख में हम Vue3 में उत्सर्जन के बारे में बात करेंगे।

आप हमें नेटवर्क पर फ़ॉलो कर सकते हैं और यदि लेख उपयोगी है, तो कृपया इसे अपने दोस्तों के साथ साझा करें। ?