directive: v-for to loop through an object

by edith_tang

HTML

<div id="app">
  <span v-for="value in author">
     {{ value }}
  </span>
</div>

JavaScript

var app = new Vue({
	el: '#app',
  data: {
  	author: {
    	name: 'Gabriel García Márquez',
      birth: '1927',
      legacy: 'Nobel Price'
    }
  }
})