Как ловить стоимость ямса, который не прямо в DOM с jQuery?

У меня есть формуляр, который счел многообразным inputs с одним append (jQuery), проблема - что, когда я ссылаюсь на этот name чтобы ловить Вашу стоимость он не берет их мне, я думаю, что он, потому что "он не прямо в DOM", как он мог бы решать эту деталь, нужно упоминать, что я также использую VUEjs.

КОД HTML

 <label>Seleccione el tipo de pregunta</label>
                  <div class="form-group">                           
                     <div class="input-group">
                        <select  class="form-control" v-model="tquestion[index]" @change="createInputs(index)">
                           <option v-for="tpregunta of tipo_preguntas" :value="tpregunta.tipo_pre_id">{{ tpregunta.tipo_pre_name }}</option>
                        </select>
                     </div>
                  </div>

                  <div class="input">

                  </div>

РУКОПИСНЫЙ ШРИФТ С VUE

createInputs: function(index){

            $('.input').append(`
                <input type="text" name="test[${index}][]" placeholder="Ingrese Respuesta">
                `);
        },

set_pregunta: function(e){
            e.preventDefault();
            console.log($('input[name=test]').val());
            return;

Сейчас, если я пробую соглашаться следующего способа $('input[name=test[index]]').val()) он показывает мне следующую ошибку.

Uncaught Error: Syntax error, unrecognized expression: input[name=test[index]]
    at Function.ga.error (jquery.js:4957)
    at ga.tokenize (jquery.js:5580)
    at ga.select (jquery.js:5867)
    at Function.ga [as find] (jquery.js:4502)
    at n.fn.init.find (jquery.js:6123)
    at new n.fn.init (jquery.js:6170)
    at n (jquery.js:3800)
    at un.set_pregunta (preguntas_controller.js:60)
    at t (vue.min.js:6)
    at HTMLFormElement.Ir.t._withTask.i._withTask (vue.min.js:6)