vue router路由跳转了，但是页面没有变

Question

先上图
app.js

router.js

index.vue

menu.vue

http://localhost:8080/#/index

http://localhost:8080/#/menu

点击跳转按钮，路由正常跳转了，但是页面没有变，请大佬指点

Answer 1

你既然“/”的页面跟你需要跳转的组件没有父子组件的关系，你应该把该跳转的组件路径从children中提到外边，单独放置，如果你需要是父子组件路由嵌套的关系，记得在父组件的页面适当的地方添加<router-view></router-view>

Answer 2

报错信息已经很明确了，你的组件命名是menu，它与html标签<menu>重名，vue不允许这样。
你把menu页面的组件name改成其他的就行了

Answer 3

使用绝对路径看下

Answer 4

一、把报错的问题解决；
二、把路由从children里面拎出来，如下