SOURCE

var vm = new Vue({
	el : "#app",
	data : {
    parentMessage: 'Parent',
		items : [
			{ message: 'Foo' },
			{ message: 'Bar' }
		],
		object: {
			title: 'How to do lists in Vue',
			author: 'Jane Doe',
			publishedAt: '2016-04-10'
		}
	}
})

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

<div id="app">
	<ul>
		<li v-for="item,index in items" v-bind:key="index">
		{{ parentMessage }} - {{ index }} - {{ item.message }}
		</li>
	</ul>
	<ul>
		<li v-for="value, key, index in object">
			{{ index }}. {{ key }}: {{ value }}
		</li>
	</ul>
  <div v-for="item,index of items" :key="item.id">
    {{ index }} - {{ item.message }}
  </div>
</div>

body,td,th {color: #DDDDDD}