Communicating between components

This section will highlight some of the recommended patterns to follow to communicate between parent and child components.

Passing data down the component hierarchy

To pass data down the hierarchy, you need to define attributes in child components, and then pass the attribute values from the parent component.

The parent component code is as follows:

<aura:component>
 <aura:attribute name="parentAttribute" type="String"/> 
 <c:childComponent childAttribute="{!v.parentAttribute}"/>
</aura:component>

 The child component code is as follows:

<aura:component>
 <aura:attribute name="childAttribute" type="String"/> 
</aura:component>

Note

This way of passing data from the child to the parent is expensive when it comes to performance. Leverage the aura methods covered in the next section.

Using aura:method to call child methods from parent methods

The aura:method command is a very useful utility that allows for defining methods in...