How to Communicate Between Parent to Child and Passing the Value from Parent Component to Child component in Lightning Web Component — LWC

2 min readDec 5, 2020

Hey guys, today in this post we are going to learn about How to Communicate Between Parent to Child and Passing the Value from Parent Component to Child component in Lightning Web Component — LWC.

Files we used in this post example:-

Live Demo

Other post that would you like to learn

Step 1:- Create Lightning Web Component : lwcParent.html

SFDX:Lightning Web Component >> New >> lwcParent.html

lwcParent.html [Lightning Web Component HTML]

Step 2:- Create Lightning Web Component : lwcParent.js

SFDX:Lightning Web Component >> New >> lwcParent.js

lwcParent.js [LWC JavaScript File]

Step 3:- Create Lightning Web Component : lwcParent.js-meta.xml

SFDX:Lightning Web Component >> New >> lwcParent.js-meta.xml

lwcParent.js-meta.xml [LWC Meta Data XML]

Lightning Web Component Meta XML

Step 4:- Create Lightning Web Component : lwcChild.html

SFDX:Lightning Web Component >> New >> lwcChild.html

lwcChild.html [Lightning Web Component HTML]

Step 5:- Create Lightning Web Component : lwcChild.js

SFDX:Lightning Web Component >> New >> lwcChild.js

lwcChild.js [LWC JavaScript File]

Step 6:- Create Lightning Web Component : lwcChild.js-meta.xml

SFDX:Lightning Web Component >> New >> lwcChild.js-meta.xml

lwcChild.js-meta.xml [LWC Meta Data XML]

Lightning Web Component Meta XML

Further post that would you like to learn

Categories Tags Salesforce LWC, call lwc from another lwc, call lwc method from aura, child lightning web component, how to call child component from parent component in lwc, how to pass value from parent to child component in lwc, lightning web component call child component method, pass data from parent to child component in lightning, pass value from parent to child lwc Tutorial

Originally published at https://www.w3web.net on December 5, 2020.