laravel - 页面重定向而不刷新页面

Question

我尝试使用（laravel&vuejs）构建一个 SPA。但是当我使用“nav-item has-treeview”类列出我的项目或其他任何内容时，我无法在不刷新页面的情况下访问项目页面。有什么帮助吗？？这是我的 home.blade.php：

   <li class="nav-item has-treeview ">
       <a href="#" class="nav-link active">
         <i class="nav-icon fas fa-tasks"></i>
         <p>
           Gantt
           <i class="right fas fa-angle-left"></i>
         </p>
       </a>

       @foreach ($projet   as $project)


       <ul class="nav nav-treeview">
         <li class="nav-item">
           <router-link :to="`/gantt/{{$project->id}}`" class="nav-link ">
             <i class="far fas fa-circle"  style="color:#05dfd7"></i>
             <p>Gantt :{{ $project->name }} </p>
           </router-link>
         </li>

       </ul>

       @endforeach
       </li>

这是我的 app.js(routes)：

{path: '/gantt/:id' , component: gantt},