JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue@2.0.0/dist/vue.js"></script>
<div id="example">
  <li v-for="item in items" v-bind:key="item.name">
    <p>{{ item.name }} は {{ item.price }}円</p>
  </li>
</div>

JavaScript

var vm = new Vue({
  el: '#example',
  data: {
    items: [
      {
        name: 'みかん',
        price: 100
      },
      {
        name: 'もも',
        price: 300
      },
      {
        name: 'いちじく',
        price: 500
      },
      {
        name: 'メロン',
        price: 1000
      }
    ]
  }
});