页面重定向而不刷新页面

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（路线）：

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