<ul id="app">
   <li v-for="(item, index) in items">
   {{ index }}. {{ item.message }}
  </li>
</ul>
var vm = new Vue({
  el: '#app',
  data: {
      items: [
        { message: 'apple' },
        { message: 'banana' }
      ]
  }
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js