basic_component_positional_parms

components.list-items.js

import Ember from 'ember';

export default Ember.Component.extend({
	name: Ember.computed('params.[]', function(){
    return this.get('params')[0];
  }),
  id:Ember.computed('params.[]', function(){
    return this.get('params')[2];
  }),
  location:Ember.computed('params.[]', function(){
    return this.get('params')[1];
  }),
}).reopenClass({
  positionalParams: 'params'
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

router.js

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
});

export default Router;

// just a sample application showing the usage of static model data in components by passing positional parameters. 

routes.application.js

import Ember from 'ember';

export default Ember.Route.extend({
  model(){
   return [
     {
       name:"Gaurav Gupta",
       id: "1",
       location: "Bangalore"
     },
     {
       name:"Priyanka Gupta",
       id: "2",
       location: "Mumbai"
     },
     {
       name:"Garima Gupta",
       id: "3",
       location: "Burhanpur"
     }  
     ]
  }
});

routes.route.js

import Ember from 'ember';

export default Ember.Route.extend({
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{#each model as |post|}}
	{{list-items post.name post.location post.id}}
{{/each}}
{{outlet}}
<br>
<br>

templates.components.list-items.hbs

{{yield}}
<p> Id: {{id}} </p>
<p> Name: {{name}} </p>
<p> location: {{location}} </p>
<hr>

twiddle.json

{
  "version": "0.13.1",
  "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"
  }
}