Ember.set

components.list-card.js

import Ember from 'ember';
const { computed } = Ember;


export default Ember.Component.extend({
  
  fullName: computed('firstName', 'lastName', function() {
  	console.log('Called in computed');
    const firstName = this.get('firstName');
    const lastName = this.get('lastName');
    
    return `${firstName} ${lastName}`
  }),
  
  didReceiveAttrs() {
  	this._super(...arguments);    
    
    console.log("Received in list-card");
  }
});

components.list-container.js

import Ember from 'ember';

export default Ember.Component.extend({
  didReceiveAttrs() {
  	this._super(...arguments);
    
    console.log("Received in container");
  }
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  lists: [{
  	firstName: 'Chris',
    lastName: 'Nolan',
    age: 40
  }, {
  	firstName: 'Heath',
    lastName: 'Leadger',
    age: 35
  }, {
  	firstName: 'Hans',
    lastName: 'Zimmer',
    age: 50
  }],
  
  actions: {
  	changeAge() {
    	let lists = this.get('lists');
      
   		Ember.set(lists[2], 'age', 52);
    }
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
{{list-container lists=lists}}
<button {{action 'changeAge'}}>Change Han's age</button>
<br>
<br>

templates.components.list-card.hbs

<div>
	<b>Full Name: </b> {{fullName}} <br/>
	<b>First Name: </b> {{ item.firstName}} <br/>
  <b>Last Name: </b> {{ item.lastName}} <br/>
  <b>Age: </b> {{ item.age}} <br/>
</div>

<br/>

templates.components.list-container.hbs

{{#each lists as |list|}}
	{{list-card item=list}}
{{/each}}

twiddle.json

{
  "version": "0.13.0",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.16.2",
    "ember-template-compiler": "2.16.2",
    "ember-testing": "2.16.2"
  },
  "addons": {
    "ember-data": "2.16.3"
  }
}