Vue.js项目中router-link点击无响应问题求助

核心原因是你的App.vue中缺少路由出口组件<router-view>，Vue Router依赖这个标签来展示当前路由对应的页面内容，没有它的话，点击导航只会修改地址栏URL，但页面不会渲染对应组件。

修改后的App.vue代码：

<template>
  <div class="container header-item" id="app">
    <img src="./assets/Logo.svg" alt="Logo">
    <div class="nav">
      <router-link to="/" class="nav-item">HOME</router-link>
      <router-link to="/aboutme" class="nav-item">ABOUT ME</router-link>  
    </div>
    <!-- 添加路由出口，匹配到的组件会在这里渲染 -->
    <router-view></router-view>
  </div>
</template>

额外检查项：

• 确认项目的jsconfig.json或tsconfig.json中，@已配置指向src目录，保证Home.vue和AboutMe.vue的导入路径有效
• 确保src/components目录下确实存在Home.vue和AboutMe.vue文件

内容的提问来源于stack exchange，提问作者lia