Edit in JSFiddle

var myComponent =  {
  template: '<h2>{{greatings}}</h2>',
  props: {
  	name: String,
  },
  data: function () {
    return {
      greatings: 'Hello, ' + this.name
    };
  }
};

new Vue({
  el: '#app',
  components: {
    'my-component': myComponent
  },
  data: {
  	users: [
    	'Elvis Presley',
      'Mickey Mouse',
      'Lady Gaga',
      25
    ]
  }
});
<script src='https://unpkg.com/vue@2.4.4/dist/vue.js'></script>

<div id='app'>
  <h1>Users</h1>
  <my-component name="Just raw string"></my-component>
  <my-component v-for='userName in users' :name="userName"></my-component>
</div>