Strong expansable form.

FormTest.vue

<script>
export default {
  name: 'FormTest',
  provide: {
    // Try to imagine what you can do with this approach
    // So much to think :)
    register(input) {
      this.inputs.push(input)
    }
  },
  data: () => ({
    inputs: []
  }),
  methods: {
    saveForm({ target }) {
      const data = new FormData(target)
      data.forEach((value, key) => {
        console.log(`Field: ${key}, value: ${value}`)
      })
      // axios.post('/bla', data) You can use direct on axios
    }
  }
}
</script>

<template>
  <form @submit.prevent="saveForm">
    <input type="text" name="name">
    <input type="radio" name="gender" value="M">
    <input type="radio" name="gender" value="F">
    <select name="job" id="">
      <option>Develop</option>
      <option>Teach</option>
      <option>Nerd</option>
    </select>
    <button type="submit">Send</button>
  </form>
</template>