LWC में इवेंट का उपयोग घटकों के साथ संचार करने के लिए किया जाता है। यदि संबंधित घटक हैं, तो माता-पिता से बच्चे या बच्चे से माता-पिता तक संचार करना संभव हो सकता है। यदि दो असंबंधित घटक हैं, तो हम पबसब (पब्लिश-सब्सक्राइब) मॉडल या लाइटनिंग मैसेज सर्विस (एलएमएस) के माध्यम से संचार कर सकते हैं। इस गाइड में, हम पबसब मॉडल का उपयोग करके माता-पिता से बच्चे, बच्चे से माता-पिता और परस्पर संबंधित घटकों की घटनाओं के साथ संवाद करने के तरीके पर चर्चा करेंगे।
आप घटकों को अपने रिकॉर्ड पेज, ऐप पेज या होम पेज में रख सकते हैं। हम इस फ़ाइल (मेटा-एक्सएमएल) को उदाहरण कोड स्निपेट के अंतर्गत दोबारा निर्दिष्ट नहीं करेंगे:
एक्सएमएल संस्करण = '1.0' ?>
< लाइटनिंगकंपोनेंटबंडल xmlns = 'http://soap.sforce.com/2006/04/metadata' >
< एपीआईसंस्करण > 57.0 एपीआईसंस्करण >
< अनावृत है > सत्य अनावृत है >
< लक्ष्यों को >
< लक्ष्य > बिजली__रिकॉर्डपेज लक्ष्य >
< लक्ष्य > बिजली__ऐपपेज लक्ष्य >
< लक्ष्य > बिजली__होमपेज लक्ष्य >
लक्ष्यों को >
लाइटनिंगकंपोनेंटबंडल >
माता-पिता से बाल संचार
यदि दो घटक एक-दूसरे से संबंधित हैं, तो यह संचार संभव है। यहां, माता-पिता बच्चे को डेटा भेजते हैं। मूल घटक बाल घटक रखता है। इस दृष्टिकोण के साथ, हम आदिम डेटा (पूर्णांक, स्ट्रिंग, बूलियन, आदि) को माता-पिता से बच्चे तक पास कर सकते हैं, गैर-आदिम डेटा (सरणी, ऑब्जेक्ट, वस्तुओं की सरणी, आदि) को माता-पिता से बच्चे तक पास कर सकते हैं, डेटा को माता-पिता से बच्चे तक पास कर सकते हैं। माता-पिता पर कार्रवाई के साथ बाल घटक।
माता-पिता को बच्चे से संवाद करने के लिए, हमें चाइल्ड घटक में उपलब्ध फ़ील्ड, गुणों और विधियों को सार्वजनिक रूप से दृश्यमान बनाने की आवश्यकता है। यह 'एपीआई' डेकोरेटर के साथ फ़ील्ड, संपत्तियों और विधियों को सजाने से संभव हो सकता है।
उदाहरण : चाइल्ड कंपोनेंट 'जेएस' फ़ाइल में 'एपीआई' के साथ एक वेरिएबल घोषित करें।
@ एपीआई वैरिएबल ;
अब, पैरेंट घटक HTML विशेषताओं के माध्यम से HTML फ़ाइल में चाइल्ड घटक का उपयोग करता है।
उदाहरण : पैरेंट HTML फ़ाइल में वेरिएबल का उपयोग करें।
< सी - बच्चा - COMP चर > सी - बच्चा - कंप्यूटर अनुप्रयोग >
आइए कुछ उदाहरणों पर चर्चा करें जो बताते हैं कि माता-पिता से बच्चे तक कैसे संवाद करें।
उदाहरण 1:
यह मूल उदाहरण माता-पिता द्वारा बच्चे को भेजी गई जानकारी प्राप्त करने को दर्शाता है।
childtComp.js
सबसे पहले, हम एक चाइल्ड घटक बनाते हैं जिसमें 'सूचना' वेरिएबल होता है जो सार्वजनिक रूप से उपलब्ध है।
// एपीआई डेकोरेटर का उपयोग करके वेरिएबल को सार्वजनिक घोषित करें@ एपीआई जानकारी
आप संपूर्ण 'js' कोड को निम्नलिखित स्क्रीनशॉट में देख सकते हैं:
childtComp.html
अब, हम इस वेरिएबल को सेंटर टैग के भीतर HTML फ़ाइल में निर्दिष्ट करते हैं।
< खाका >< बिजली चमकना - कार्ड शीर्षक = 'बच्चा' >
< केंद्र >
< बी > { जानकारी } बी >
केंद्र >
बिजली चमकना - कार्ड >
खाका >
पेरेंटकॉम्प.जे.एस
हम 'js' फ़ाइल में कुछ भी नहीं कर रहे हैं।
ParentComp.html
कुछ पाठ के साथ सार्वजनिक चर (जानकारी) पास करके पिछले चाइल्ड घटक को अपने मूल HTML में रखें।
< खाका >< बिजली चमकना - कार्ड शीर्षक = 'अभिभावक' आइकन - नाम = 'मानक:खाता' >
< सी - बच्चा - कंप्यूटर अनुप्रयोग
जानकारी = 'हैलो, मुझे जानकारी मिली...'
> सी - बच्चा - कंप्यूटर अनुप्रयोग >
बिजली चमकना - कार्ड >
खाका >
आउटपुट:
अब, अपने Salesforce संगठन पर जाएं और मूल घटक को 'रिकॉर्ड' पृष्ठ पर रखें। आप देखेंगे कि चाइल्ड घटक को माता-पिता से जानकारी प्राप्त हुई है।
उदाहरण 2:
आइए दो इनपुट टेक्स्ट फ़ील्ड बनाएं जो मूल घटक में यूआई से टेक्स्ट को गतिशील रूप से स्वीकार करेंगे। यदि हम पैरेंट कंपोनेंट में पहला टेक्स्ट डालते हैं, तो चाइल्ड कंपोनेंट को यह टेक्स्ट अपरकेस में प्राप्त होता है। इसी तरह, यदि हम दूसरा टेक्स्ट डालते हैं तो यह टेक्स्ट को लोअरकेस में प्राप्त करता है।
childtComp.js
ट्रैक डेकोरेटर के साथ दो वेरिएबल - सूचना 1 और सूचना 2 - बनाएँ।
- 'एपीआई' डेकोरेटर के साथ ConvertToUpper() विधि बनाएं जो पहले इनपुट टेक्स्ट को अपरकेस में परिवर्तित करता है।
- 'एपीआई' डेकोरेटर के साथ ConvertToLower() विधि बनाएं जो दूसरे इनपुट टेक्स्ट को लोअरकेस में परिवर्तित करता है।
@ ट्रैक सूचना2 ;
@ एपीआई
ConvertToUpper ( वास्तविक जानकारी1 ) {
यह . सूचना1 = वास्तविक जानकारी1. toUpperCase ( ) ;
}
@ एपीआई
ConvertToLower ( वास्तविक जानकारी1 ) {
यह . जानकारी 2 = वास्तविक जानकारी1. लोअरकेस के लिए ( ) ;
}
संपूर्ण 'js' कोड निम्नलिखित जैसा दिखता है:
childtComp.html
हम वे मान (सूचना 1 और सूचना 2) प्रदर्शित करते हैं जो 'जेएस' फ़ाइल से आते हैं।
< खाका >< बिजली चमकना - कार्ड शीर्षक = 'बच्चा' >
अपरकेस :& nbsp ; < बी > { सूचना1 } बी < बीआर >
निचला मामला :& nbsp ; < बी > { जानकारी 2 } बी >
बिजली चमकना - कार्ड >
खाका >
पेरेंटकॉम्प.जे.एस
हम दो हैंडलर विधियाँ बनाते हैं जो querySelector() के माध्यम से चाइल्ड HTML टेम्पलेट का चयन करती हैं। सुनिश्चित करें कि आपको सही तरीकों को पारित करने की आवश्यकता है जो टेक्स्ट को अपरकेस या लोअरकेस में परिवर्तित करते हैं।
हैंडलइवेंट1 ( आयोजन ) {यह . खाका . क्वेरी चयनकर्ता ( 'सी-चाइल्ड्ट-कॉम्प' ) . ConvertToUpper ( आयोजन। लक्ष्य . कीमत ) ;
}
हैंडलइवेंट2 ( आयोजन ) {
यह . खाका . क्वेरी चयनकर्ता ( 'सी-चाइल्ड्ट-कॉम्प' ) . ConvertToLower ( आयोजन। लक्ष्य . कीमत ) ;
}
संपूर्ण 'js' कोड निम्नलिखित जैसा दिखता है:
ParentComp.html
उन दोनों के लिए हैंडल इवेंट के साथ एक इनपुट टेक्स्ट बनाएं। चाइल्ड घटक को इस मूल घटक में रखें।
< खाका >< बिजली चमकना - कार्ड शीर्षक = 'अभिभावक' >
< केंद्र >
< बिजली चमकना - इनपुट लेबल = 'पाठ को छोटे अक्षर में दर्ज करें' परिवर्तन पर = { हैंडलइवेंट1 } > बिजली चमकना - इनपुट >
केंद्र >
< बीआर < बीआर >
< केंद्र >
< बिजली चमकना - इनपुट लेबल = 'पाठ को बड़े अक्षरों में दर्ज करें' परिवर्तन पर = { हैंडलइवेंट2 } > बिजली चमकना - इनपुट >
केंद्र >
< बीआर < बीआर < बीआर >
< सी - बच्चा - कंप्यूटर अनुप्रयोग > सी - बच्चा - कंप्यूटर अनुप्रयोग >
बिजली चमकना - कार्ड >
खाका >
आउटपुट:
अब, अपने Salesforce संगठन पर जाएं और मूल घटक को 'रिकॉर्ड' पृष्ठ पर रखें।
आपको यूआई पर दो टेक्स्ट इनपुट दिखाई देंगे।
आइए पहले इनपुट में कुछ टेक्स्ट लिखें और आप देखेंगे कि टेक्स्ट अपरकेस में परिवर्तित हो गया है और चाइल्ड घटक में प्रदर्शित होता है।
दूसरे इनपुट में कुछ टेक्स्ट लिखें और आप देखेंगे कि टेक्स्ट लोअरकेस में परिवर्तित हो गया है और चाइल्ड घटक में प्रदर्शित होता है।
बच्चे से माता-पिता का संचार
पिछले संचार के समान, बच्चे को माता-पिता से संवाद करने के लिए, दोनों घटकों को एक-दूसरे से संबंधित होना चाहिए। हम तीन अलग-अलग तरीकों से बच्चे को माता-पिता से संवाद कर सकते हैं: एक साधारण घटना का उपयोग करके माता-पिता को बच्चे के पास बुलाना और डेटा और इवेंट बबलिंग के साथ एक घटना का उपयोग करके माता-पिता को बच्चे के पास बुलाना। हम इस गाइड में सरल घटना को देखेंगे।
बच्चे को माता-पिता से संवाद करने के लिए, हमें ईवेंट बनाने और भेजने की आवश्यकता है। इसके लिए एक कस्टम इवेंट बनाना होगा. कस्टम ईवेंट एक ऐसा ईवेंट है जो आपके द्वारा बनाया गया है। हम इसे new कीवर्ड का उपयोग करके बना सकते हैं। इवेंट_नाम कुछ भी हो सकता है (यह एक स्ट्रिंग हो सकता है, अपरकेस या अंकों से परे नहीं)। अभी, हम विकल्पों पर चर्चा नहीं करेंगे।
वाक्य - विन्यास : नया कस्टमइवेंट('इवेंट_नाम',{विकल्प...})
अब, आपके पास कस्टम इवेंट है। अगला कदम ईवेंट को प्रेषित करना है। ईवेंट को प्रेषण करने के लिए, हमें उस ईवेंट को निर्दिष्ट करने की आवश्यकता है जिसे हमने EventTarget.dispatchEvent() विधि में बनाया है।
वाक्य - विन्यास : this.displatchEvent(new CustomEvent('Event_Name',{options...})
अंततः, हमें इस घटना को संभालना होगा। अब, हमें आपके पैरेंट कंपोनेंट में चाइल्ड कंपोनेंट को कॉल करना होगा। अपने ईवेंट नाम में 'चालू' उपसर्ग निर्दिष्ट करके अपना ईवेंट नाम पास करें। यह इवेंट श्रोता हैंडलर लेता है।
वाक्य - विन्यास:
< सी - बच्चा - आपकेइवेंटनाम पर घटक = { श्रोता हैंडलर } > सी - बच्चा - अवयव >उदाहरण:
इस उदाहरण में, हम एक पैरेंट घटक (exampleParent) और दो चाइल्ड घटक बनाते हैं।
- पहले चाइल्ड (exampleChild) में, हम एक इनपुट टेक्स्ट बनाते हैं जो उपयोगकर्ता को कुछ टेक्स्ट प्रदान करने की अनुमति देता है। वही पाठ अपरकेस में मूल घटक में प्रदर्शित होता है।
- दूसरे चाइल्ड (child2) में, हम एक इनपुट टेक्स्ट बनाते हैं जो उपयोगकर्ता को कुछ टेक्स्ट प्रदान करने की अनुमति देता है। वही पाठ पैरेंट घटक में लोअरकेस में प्रदर्शित होता है।
exampleChild.js
हम एक हैंडलचेंज1 विधि बनाते हैं जो लक्ष्य मान के रूप में विवरण के साथ 'linuxhintevent1' कस्टमइवेंट बनाता है। उसके बाद, हम इस इवेंट को भेजते हैं. इस 'js' फ़ाइल में निम्नलिखित स्निपेट एम्बेड करें।
// घटना को संभालेंहैंडलचेंज1 ( आयोजन ) {
आयोजन। चूक को रोकें ( ) ;
कॉन्स्ट नाम1 = आयोजन। लक्ष्य . कीमत ;
कॉन्स्ट चयनइवेंट1 = नया कस्टमइवेंट ( 'linuxhintevent1' , {
विवरण : नाम1
} ) ;
यह . प्रेषणघटना ( चयनइवेंट1 ) ;
}
exampleChild.html
पिछली हैंडल विधि जो 'जेएस' में बनाई गई है, उसे HTML घटक में लाइटनिंग इनपुट के आधार पर नियंत्रित किया जाता है।
< खाका >< बिजली चमकना - कार्ड शीर्षक = 'बच्चा 1' >
< डिव कक्षा = 'एसएलडीएस-एम-अराउंड_मीडियम' >
< बिजली चमकना - इनपुट लेबल = 'पाठ को छोटे अक्षर में दर्ज करें' परिवर्तन पर = { हैंडलचेंज1 } > बिजली चमकना - इनपुट >
डिव >
बिजली चमकना - कार्ड >
खाका >
child2.js
हम एक हैंडलचेंज2 विधि बनाते हैं जो लक्ष्य मान के रूप में विवरण के साथ 'linuxhintevent2' कस्टमइवेंट बनाता है। उसके बाद, हम इस इवेंट को भेजते हैं.
हैंडलचेंज2 ( आयोजन ) {आयोजन। चूक को रोकें ( ) ;
कॉन्स्ट नाम 2 = आयोजन। लक्ष्य . कीमत ;
कॉन्स्ट चयनइवेंट2 = नया कस्टमइवेंट ( 'linuxhintevent2' , {
विवरण : नाम 2
} ) ;
यह . प्रेषणघटना ( चयनइवेंट2 ) ;
}
child2.html
पिछली हैंडल विधि जो 'जेएस' में बनाई गई है, उसे HTML घटक में लाइटनिंग इनपुट के आधार पर नियंत्रित किया जाता है।
< खाका >< बिजली चमकना - कार्ड शीर्षक = 'बाल 2' >
< डिव कक्षा = 'एसएलडीएस-एम-अराउंड_मीडियम' >
< बिजली चमकना - इनपुट लेबल = 'पाठ को बड़े अक्षर में दर्ज करें' परिवर्तन पर = { हैंडलचेंज2 } > बिजली चमकना - इनपुट >
डिव >
बिजली चमकना - कार्ड >
खाका >
exampleParent.js: इस स्निपेट को क्लास के अंदर अपनी 'js' फ़ाइल में एम्बेड करें।
- HandleEvent1() में toUpperCase() फ़ंक्शन का उपयोग करके इनपुट को अपरकेस में कनवर्ट करें और इसे Information1 वेरिएबल में संग्रहीत करें
- HandleEvent2() में toLowerCase() फ़ंक्शन का उपयोग करके इनपुट को लोअरकेस में कनवर्ट करें और इसे Information2 वेरिएबल में संग्रहीत करें।
// toUpperCase() फ़ंक्शन का उपयोग करके इनपुट को अपरकेस में बदलें
//handleEvent1() में और Information1 वेरिएबल में स्टोर करें
हैंडलइवेंट1(इवेंट) {
स्थिरांक इनपुट1 = घटना.विस्तार;
यह.सूचना1 = इनपुट1.टूअपरकेस();
}
@ट्रैक सूचना2;
// toLowerCase() फ़ंक्शन का उपयोग करके इनपुट को लोअरकेस में बदलें
//handleEvent2() में और Information2 वेरिएबल में स्टोर करें
हैंडलइवेंट2(इवेंट) {
स्थिरांक इनपुट2 = घटना.विस्तार;
यह.सूचना2 = इनपुट2.टूलोअरकेस();
}
exampleParent.html
अब, दोनों चाइल्ड घटकों को निर्दिष्ट करके पैरेंट HTML घटक में दो चर (सूचना 1 और सूचना 2) प्रदर्शित करें।
<टेम्पलेट><लाइटनिंग-कार्ड शीर्षक = 'अभिभावक' >
< डिव कक्षा = 'एसएलडीएस-एम-अराउंड_मीडियम' >
चाइल्ड-1 संदेश अपरकेस में: < बी > {जानकारी1} < / बी < बीआर >
चाइल्ड-2 संदेश छोटे अक्षरों में: < बी > {सूचना2} < / बी < बीआर >
< / बी < बीआर >
< / डिव >
< / लाइटनिंग-कार्ड>
< / टेम्पलेट>
आउटपुट:
अब, अपने Salesforce संगठन पर जाएं और मूल घटक को 'रिकॉर्ड' पृष्ठ पर रखें।
आप देख सकते हैं कि पेरेंट में दो चाइल्ड घटक मौजूद हैं।
आइए चाइल्ड 1 घटक के अंतर्गत इनपुट टेक्स्ट में कुछ टेक्स्ट टाइप करें। हम देख सकते हैं कि हमारा टेक्स्ट पैरेंट घटक पर अपरकेस में प्रदर्शित होता है।
चाइल्ड 2 घटक के अंतर्गत इनपुट टेक्स्ट में कुछ टेक्स्ट दें। हम देख सकते हैं कि हमारा टेक्स्ट पैरेंट घटक पर लोअरकेस में प्रदर्शित होता है।
एक समय में दोनों पाठ दर्ज करना भी संभव हो सकता है।
पबसब मॉडल
जब आप स्वतंत्र घटकों (एक दूसरे से संबंधित नहीं) के साथ काम कर रहे हैं और यदि आप एक घटक से दूसरे घटक तक जानकारी भेजना चाहते हैं, तो आप इस मॉडल का उपयोग कर सकते हैं। PubSub का मतलब है प्रकाशित करें और सदस्यता लें। जो घटक डेटा भेजता है उसे प्रकाशक के रूप में जाना जाता है और जो घटक डेटा प्राप्त करता है उसे सब्सक्राइबर के रूप में जाना जाता है। घटकों के बीच ईवेंट भेजने के लिए पबसब मॉड्यूल का उपयोग करना आवश्यक है। यह पहले से ही पूर्वनिर्धारित है और Salesforce द्वारा दिया गया है। फ़ाइल का नाम पबसब है। आपको एक LWC घटक बनाना होगा और इस कोड को अपनी जावास्क्रिप्ट फ़ाइल में टाइप करना होगा जो कि 'pubsub.js' है।
उदाहरण:
आइए दो घटक बनाएं - प्रकाशित करें और सदस्यता लें।
पब्लिश में, हम उपयोगकर्ताओं को एक इनपुट टेक्स्ट बनाने की अनुमति देते हैं। बटन पर क्लिक करने पर, सब्सक्राइब घटक में डेटा अपरकेस और लोअरकेस में प्राप्त होता है।
पब्लिश.जे.एस
इस कोड को अपनी JSON फ़ाइल में एम्बेड करें। यहां, हम जानकारी प्राप्त करते हैं और जानकारी प्रकाशित करते हैं।
सूचना चर अपरकेस होगा और सूचना1 लोअरकेस होगा। सुनिश्चित करें कि आप इस आयात विवरण को कोड की शुरुआत में शामिल करें - 'सी/पबसब' से पबसब आयात करें।
जानकारीजानकारी 2
// अपरकेस और लोअरकेस में जानकारी प्राप्त करें
सूचना हैंडलर ( आयोजन ) {
यह . जानकारी = आयोजन। लक्ष्य . कीमत ;
यह . जानकारी 2 = आयोजन। लक्ष्य . कीमत ;
}
// दोनों जानकारी प्रकाशित करें (अपरकेस और लोअरकेस में)
पब्लिशहैंडलर ( ) {
पबसब. प्रकाशित ( 'प्रकाशित करें' , यह . जानकारी )
पबसब. प्रकाशित ( 'प्रकाशित करें' , यह . जानकारी 2 )
}
इसे इस तरह दिखना चाहिए:
पब्लिश.एचटीएमएल
सबसे पहले, हम हैंडलर जानकारी के साथ टेक्स्ट को स्वीकार करने के लिए लाइटनिंग-इनपुट बनाते हैं। उसके बाद, ऑनक्लिक कार्यक्षमता के साथ एक बटन बनाया जाता है। ये फ़ंक्शन पिछले 'js' कोड स्निपेट में हैं।
<टेम्पलेट><लाइटनिंग-कार्ड शीर्षक = 'अपना पाठ प्रकाशित करें' >
<लाइटनिंग-इनपुट प्रकार = 'मूलपाठ' onkeyup = { सूचना हैंडलर } < / लाइटनिंग-इनपुट>
<बिजली-बटन क्लिक पर = { पब्लिशहैंडलर } लेबल = 'डेटा भेजें' < / बिजली-बटन>
< / लाइटनिंग-कार्ड>
< / टेम्पलेट>
subscribe.js
इस कोड को अपनी JSON फ़ाइल में एम्बेड करें। यहां, हम सबसे पहले जानकारी को कॉलसब्सक्राइबर() विधि के अंदर अलग-अलग अपरकेस और लोअरकेस में परिवर्तित करके सब्सक्राइब करते हैं। उसके बाद, हम इस विधि कोconnectcallback() विधि के माध्यम से लागू करते हैं। सुनिश्चित करें कि आप इस आयात विवरण को कोड की शुरुआत में शामिल करें - 'सी/पबसब' से पबसब आयात करें।
जानकारीजानकारी 2
// कॉल सब्सक्राइबर को लागू करना()
कनेक्टकॉलबैक ( ) {
यह . सब्सक्राइबर को कॉल करें ( )
}
// जानकारी को अपरकेस में परिवर्तित करके सदस्यता लें
सब्सक्राइबर को कॉल करें ( ) {
पबसब. सदस्यता लें ( 'प्रकाशित करें' , ( जानकारी ) => {
यह . जानकारी = जानकारी। toUpperCase ( ) ;
} ) ,
// जानकारी को लोअरकेस में परिवर्तित करके सदस्यता लें
पबसब. सदस्यता लें ( 'प्रकाशित करें' , ( जानकारी 2 ) => {
यह . जानकारी 2 = जानकारी2. लोअरकेस के लिए ( ) ;
} )
}
इसे ऐसा दिखना चाहिए:
subscribe.html
हम टेक्स्ट को अपरकेस (जानकारी में संग्रहीत) और लोअरकेस (जानकारी2 में संग्रहीत) में प्रदर्शित करते हैं।
<टेम्पलेट><लाइटनिंग-कार्ड शीर्षक = 'सदस्यता लें' >
< डिव कक्षा = 'एसएलडीएस-पी-अराउंड_मीडियम' >
अपरकेस में प्राप्त जानकारी - < बी > {जानकारी} < / बी < बीआर >
प्राप्त जानकारी छोटे अक्षरों में - < बी > {जानकारी2} < / बी >
< / डिव >
< / लाइटनिंग-कार्ड>
< / टेम्पलेट>
आउटपुट:
इन दो घटकों को अपने पृष्ठ पर जोड़ें. सुनिश्चित करें कि दोनों घटक एक ही पृष्ठ पर हों। अन्यथा, कार्यक्षमता काम नहीं करेगी.
आइए 'प्रकाशित करें' घटक में कुछ टेक्स्ट दर्ज करें और 'डेटा भेजें' बटन पर क्लिक करें। हम देख सकते हैं कि टेक्स्ट अपरकेस और लोअरकेस में प्राप्त हुआ है।
निष्कर्ष
अब, हम Salesforce LWC में इवेंट अवधारणा के माध्यम से LWC घटकों के साथ संवाद करने में सक्षम हैं। इस गाइड के भाग के रूप में, हमने सीखा कि माता-पिता से बच्चे तक और बच्चे से माता-पिता तक कैसे संवाद किया जाए। पबसब मॉडल का उपयोग उस स्थिति में किया जाता है जब आपके घटक एक-दूसरे से संबंधित नहीं होते हैं (पैरेंट-चाइल्ड नहीं)। प्रत्येक परिदृश्य को एक सरल उदाहरण के साथ समझाया गया है और सुनिश्चित करें कि आप 'मेटा-एक्सएमएल' फ़ाइल में इस गाइड की शुरुआत में प्रदान किया गया कोड शामिल करें।