SOURCE

Vue.component('todo-item', {
  props: ['todo'],
  template: '<li>{{ todo.text }}</li>'
});
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!',
    todoList: [
      {text: 'are'},
      {text: 'you'},
      {text: 'ok'}
    ]
  }
});

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <p>{{ message }}</p>
  
  
  <ul>
    <todo-item v-for="item in todoList" v-bind:todo="item"></todo-item>
  </ul>
</div>