Vue3路由发生跳转，界面没有跳转的一种原因

项目场景：

       

---

问题描述

         刚学vue，找了一天的bug，问了一天gpt，最后发现缺了一行函数导致，这真的是，比嵌入式还让人摸不着头脑；

---

原因分析：

      <router-link to="/">

        <button>按钮1</button>

      </router-link>

      <router-link to="/Details">

        <button>按钮2</button>

      </router-link>

新建了两个按钮，用来做界面切换的启动按钮，但是在加入对应的路由之后，路由可以发生转变，但是页面不发生跳转。

---

解决方案：

 

<router-link to="/">
  <button>图片转换工具</button>
</router-link>

<router-link to="/Details">
  <button>高斯输入文件生成</button>
</router-link>  
<router-view></router-view>

在router-link之后添加router-view的代码，就解决了。