product_properties.vue

<script>
export default {
  name: 'hello',
  methods: {
    removeProperty (productProperty) {
      this.product_properties.splice(this.product_properties.indexOf(productProperty), 1)
    },
    addProperty () {
      this.product_properties.push({ name: '', value: '' })
    }
  },
  data () {
    return {
      product_properties: [
        { name: 'name 1', value: 'value 1' },
        { name: 'name 2', value: 'value 2' },
        { name: 'name 3', value: 'value 3' }
      ]
    }
  }
}
</script>

<template lang="pug">
  .product-properties
    div(v-for="product_property in product_properties")
      input(type="text" v-model="product_property.name")
      input(type="text" v-model="product_property.value")
      button(@click="removeProperty(product_property)") -
    
    button(@click="addProperty") +
</template>