Laravel: добавить, используя vue js

Question

Я новичок в vue js и пытаюсь его исследовать. У меня есть кнопка, и у этой кнопки есть событие щелчка, после нажатия кнопки, это добавит поле ввода в мои данные c div.

Vue file

<div class="item form-group">
    <div class="col-md-6 col-sm-6 ">
        <button type="button" class="btn btn-secondary" @click="addSchedule"><i class="fa fa-plus"></i>Add Schedule</button>

    </div>
</div>
<div class="item form-group added-schedule">
<div class="col-md-4 col-sm-4 ">
    <button type="button" class="btn btn-secondary"><i class="fa fa-plus"></i>Add qqqqqqq</button>
   s
</div>
<div class="col-md-4 col-sm-4 ">
    <button type="button" class="btn btn-secondary"><i class="fa fa-plus"></i>Add asdasd</button>
</div>
<div class="col-md-4 col-sm-4 ">
    <button type="button" class="btn btn-secondary"><i class="fa fa-plus"></i>Add wwwwwww</button>
</div>

 addSchedule(e){
                e.preventDefault();
                return false;
    },

Сценарий

Пользователь нажал кнопку Добавить schdule, представьте, что 3 кнопки - это мои поля ввода

ПРИМЕЧАНИЕ. Пользователь может добавлять расписание столько, сколько ему нравится.

Вопрос: Как добавить поля ввода в расписание добавленных классов после нажатия кнопки?