JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.12.7/vue.js"></script>
<div id="app">
    <div class="form-group">
        <label for="exampleInputEmail1">Test input</label>
        <input v-model="testArray.name" type="text" class="form-control" placeholder="Input">
    </div>
    <button role="button" class="btn btn-default">Test</button>
    <br>
    <pre>testArray: {{ testArray[0] }}</pre>
    <pre>templateArray: {{ templateArrayArray[0] }}</pre>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
      testArray: [],
      templateArray: [{name: ""},], 
  },
  ready: function() {
      this.testArray = this.templateArray.slice(0);
	},
});