Как правильно создать одну страницу, используя laravel и jquery или Vue JS

Question

У меня есть страница function.blade. php Я хочу быть одной страницей, добавить функцию отображения функции удаления функции, и когда я добавляю функцию, она должна отображаться непосредственно в таблице. какой правильный способ сделать?

 <form action="{{ url('addfonction') }}" method="post">
        {{ csrf_field() }}
        <label for="fonction">Fonction: </label>
        <input type="text" class="form-control" name="fonction" placeholder="fonction">
        <br/>
        <button type="submit" class="btn btn-theme btn-lg" >Ajouter</button>
      </form>
     </div>

     <table class="table table-striped table-advance table-hover" id="mytable">
      <hr>
      <thead>
        <tr>
          <th><i class="fa fa-bookmark"></i> Fonction</th>
          <th></th>
        </tr>
      </thead> 
      <tbody> 
       @foreach($fonctions as $fonction) 
        <tr>
          <td class="hidden-phone">{{ $fonction->fonction }}</td>
          <td>
            <button class="btn btn-danger btn-xs"><i class="fa fa-trash-o "></i></button>
          </td>
        </tr>
        @endforeach
      </tbody>
      </table>

Answer 1

С помощью Vue очень легко создать одностраничное приложение. В вашем коде при отправке формы страница перезагрузится, верно? С Vue, вы можете использовать <form submit.prevent="function()"> для предотвращения перенаправления / перезагрузки.

Я действительно не понимаю, если ваша проблема заключается в следующем: P