title: How to set one more level in Object of a not predefined item?
body: <p>The main issue is the following:</p>
  
  <ol>
  <li>Get JSON from the server</li>
  <li>Put data to form</li>
  <li>Serialize form</li>
  <li>Create JSON with correct structure</li>
  <li>Send it to the server</li>
  </ol>
  
  <p>I have difficulties on the fourth step, what I've done:</p>
  
  <pre><code>methods: {
      onSubmit: function() {
  
          var dataForm = new FormData(this.$refs['form']);
          var data = [];
  
          for (var _iterator = dataForm.entries(), _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
              var _Object$assign;
              var _Helper = {};
  
              var _ref;
  
              if (_isArray) {
                  if (_i &gt;= _iterator.length) break;
                  _ref = _iterator[_i++];
              } else {
                  _i = _iterator.next();
                  if (_i.done) break;
                  _ref = _i.value;
              }
  
              var _ref2 = _ref,
                  key = _ref2[0],
                  val = _ref2[1];
  
              Object.assign(_Helper, (_Object$assign = {}, _Object$assign[key] = val, _Object$assign));
  
          }
  
      }
  },
  </code></pre>
  
  <p>Here you go - <a href="https://codepen.io/anon/pen/WzdWgY" rel="nofollow noreferrer">a link</a> to the codepen.
  As you can see I could create JSON like that:</p>
  
  <pre><code>{"0":"a","1":"b","2":"c","3":"d","4":"e","5":"d"}
  </code></pre>
  
  <p>However, I need smth like that:</p>
  
  <pre><code>{
    "0": {
      "text": "a"
    },
    "1": {
      "text": "b"
    },
    "2": {
      "text": "c"
    },
    "3": {
      "text": "d"
    },
    "4": {
      "text": "e"
    },
    "5": {
      "text": "d"
    }
  }
  </code></pre>
  
  <p>What Can I do to implement it and also keep the correct structure of my JSON?</p>