Vue技术求助：router-link点击URL变化但router-view未更新

核心问题是你的项目未安装vue-router依赖包。虽然你编写了路由配置代码并在main.js中注册了路由，但由于缺少依赖，路由的核心切换逻辑并未真正生效——仅能修改浏览器URL，无法触发router-view的组件更新。

解决步骤 #

1. 安装vue-router依赖
   在项目根目录执行以下命令（Vue 3对应vue-router 4.x版本）：

npm install vue-router@4

2. 验证依赖安装
   打开package.json，检查dependencies节点下是否新增了vue-router条目，示例如下：

"dependencies": {
  "core-js": "^3.8.3",
  "vue": "^3.2.13",
  "vue-router": "^4.2.5"
}

3. 重启开发服务
   依赖安装完成后，必须重启当前的开发服务才能生效：

npm run serve

额外检查点 #

确认HomeView.vue的模板格式正确，你的代码中模板标签存在缺失，修正为：

<template>
  Welcome!
</template>

<script>
export default{
    name: 'HomeView',
}
</script>

完成以上步骤后，点击router-link即可正常触发router-view的组件更新。

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