laravel - Laravel：使用 vue js 追加

Question

我是 vue js 的新手，正在尝试探索它。我有按钮，该按钮有一个事件单击，一旦单击按钮，它将在我的特定 div 中添加一个输入字段。

Vue文件

<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;
    },

设想

用户点击了 Add schdule，想象这 3 个按钮是我的输入字段

注意：用户可以添加任意数量的计划。

问题：单击按钮后，如何在我的课程添加时间表中附加输入字段？