Vue 2.0 Hello World

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <div>
    Список клиентов:
  </div>
  <template v-for="data in formsData">
    <div>
    <span>Имя - {{ data.name }}</span>
    <span>Адрес - {{ data.address }}</span>
    <span>Телефон - {{ data.phone }}</span>
  </div>
  </template>
  <button type="button" @click="addForm">Add form</button>
  <div>
    <template v-for="(form, index) in formsData">
      <input type="text" :name="`name-${i}`" v-model="form.name">
      <input type="text" :name="`address-${i}`" v-model="form.address">
      <input type="text" :name="`phone-${i}`" v-model="form.phone">
      <button type="button" @click="removeForm(index)">Remove form</button>
    </template>
  </div>
</div>

JavaScript

const defaultFormVModels = {
	name: '',
  address: '',
  phone: '',
}

new Vue({
  el: '#app',
  data: {
    formsData: [],
  },
  methods: {
  	addForm() {
    	this.formsData.push(Object.assign({}, defaultFormVModels));
    },
    removeForm(i) {
    	Vue.delete(this.formsData, i);
    },
  }
})