JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.15/vue.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<div id="app">
  <button v-on:click="addField(0)"class="btn btn-xs btn-primary">Add</button>

  <div id="kmp"></div>
                                    
  <div v-for="field in fields">
    {{ $index+1 }}
    <input type="text" v-model="field.nama">
   

    <button class="btn btn-danger btn-xs" @click="removeField($index)">remove row</button>                         

  </div>
  
</div>

JavaScript

new Vue ({
	el:"#app",
  data:{
  	fields:[
    {nama:'aditya'},
      ]
  },
  methods:{
  	addField:function(index){
    	try {
                this.fields.push({nama:''});
            } catch(e)
            {
                console.log(e);
            }
    },
    removeField: function (index) {
            this.fields.splice(index, 1);
   	},
  }
})