JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<div class="container">
  <div id="my-inputs" class="row">
    <input type="text" v-model="{{ index }}" v-for="(index, input) in fields" id="{{ index }}" placeholder="{{ input.title }}">
  </div>
</div>

JavaScript

var inputs = {
  text1: {
    'title': 'text in'
  },
  text2: {
    'title': 'text in 2'
  },
  text3: {
    'title': 'text in 3'
  },
  text4: {
    'title': 'text in 4'
  },
  text5: {
    'title': 'text in 5'
  }
}

var vue = new Vue({
  el: '#my-inputs',
  data: {
    fields: inputs
  }
});