Vue2 Starter

ES6 + Vue.js jsFiddle Starter Template by Christian Gambardella http://gambardella.info/2016/11/03/jsfiddle-starter-for-vue-js/

HTML

<div id="app">
  <ul>
    <todo-item
      v-for="item in todoList"
      v-bind:todo="item"
      v-bind:key="item.id">
    </todo-item>
  </ul>
</div>

SCSS

ul{
  list-style: disc inside;
}

JavaScript

Vue.component('todo-item', {
  props: ['todo'],
  template: '<li>{{ todo.text }}</li>'
});

var app = new Vue({
  el: '#app',
  data: {
    todoList: [
      { id: 0, text: 'Learn Vue' },
      { id: 1, text: 'Download ASP.Net Core 2.0' },
      { id: 2, text: 'Join the Node.js meetup' }
    ]
  }
});