title: How to add more data an array of objects in a lightning component
body: <p>The Issue I am having is that I have a component (A) with an array of objects. That is being displayed on the dom.</p>
  
  <p>Then I have another component (B) that fires an event to add an object to the array in component (A). </p>
  
  <p>Component (A) handles the event and it adds the object to the array but the dom does not change, Unless i refresh the page.</p>
  
  <pre><code>let objectA = componet.get("v.objectA");  // Array of objects
  
  objectA.push({ 
    name: 'test',
    id: 1234
  });
  
  $A.get('e.force:refreshView').fire();
  </code></pre>
  
  <p>I inspected the data and ObjectA has the object. Is there a way to dynamically show the data in the dom.</p>
  
  <p>This is what my dom is doing. Looping through the objects in the array</p>
  
  <pre><code>  &lt;aura:iteration items="{!v.objectA}" indexVar="actionIndex" var="obj"&gt;
       &lt;c:componentA recordId="{#v.recordId}" actionIndex="{!actionIndex}" object="{!obj}" /&gt;
    &lt;/aura:iteration&gt;
  </code></pre>