小白求助！！！真的快疯了

各位大佬，因为想试着自己做毕设，这两天在自学vue，但是进展缓慢，十分艰难。然后我写了个简单的网站首页，想要通过点击文字链接来跳转页面。但是在配置完路由后，点击链接却没有正常跳转，还是原来页面的内容，但是路径却是我需要的路径。我尝试了很多人的方法，也我试着把路由出口换不同的地方来进行测试，最后确实有了动静，但是跳转后的页面重复的渲染了。点击链接后，我看到了测试用的字，但是还有原来有页面的内容。请问，像这种情况，应该怎么处理呢？是我的代码哪里有问题吗？
我的思路是把网页的头部，主体，页脚分开写，然后在Ufist里组合成首页的内容，APP.vue里直接调用Ufist
这个是我要设置跳转的网页头部的代码

这是效果图

这是Ufist的代码

这是APP.vue的内容

这是路由配置的内容，把App的内容注销是因为会让首页重复渲染，我也是看了别人的讲解才注销的，反正让首页没有重复渲染

不注销的图片如下

这是main.js的内容，我反正是没有动过，不知道是不是和它有关

来个好心的大佬，帮我看看吧，救救孩子吧。找了一天的办法了，还特意去b站看了教学视频，没找到和这个有关的原因啊。真的快疯了！！！！！
我看有些人提到，生命周期，组件复用啥的，我想是不是要写个条件判断啥的，比如点击后让其他组件销毁，然后我就留下我需要的页脚组件？我还没看到那些内容，不知道这样做对不对。。。。但是单纯做一个页面跳转，没道理这么麻烦啊。。。。