Javascript Vuejs routes不'；不行？

不知为什么我的路线不起作用？我看过很多关于vuejs路由的视频。所有其他人都是这样做的。这是一个bug还是我能做什么

Menu.vue：

<template>
<div class="Menu">
<div class="div" style="margin-top:70px;">
<header class="main-header">
<nav class="main-nav">
<ul class="nav-links">

<router-link to="/"><img id="logo" src="assets/Vue.js_Logo.png"></router-link>
<h2 class="nav-link" style="color:white;">Vue.js</h2>
<router-link class="nav-link" tag="li" to="/"><a>Home</a></router-link>
<router-link class="nav-link" tag="li" to="/info"><a>Info</a></router-link>
<router-link class="nav-link" tag="li" to="/ITkompetencer"><a>IT Kompentencer</a></router-link>
<router-link class="nav-link" tag="li" to="/about"><a>Om mig</a></router-link>

</ul>
</nav>
</header>
</div>
</template>
<script>
export default {
   name: 'Menu'
}
</script>

Vue.js
家
信息
它是一个潘腾瑟
Om米格

导出默认值{
名称：“菜单”
}

app.vue：

<template>
<div id="app">
<Menu></Menu>
<router-view></router-view>
</div>
</template>

<script>
import Menu from './components/Menu'
import Hello from './components/Hello'
export default {
name: 'App',
components: {
Hello,
Menu
}
}
</script>

从“./components/Menu”导入菜单
从“./components/Hello”导入Hello
导出默认值{
名称：“应用程序”，
组成部分：{
你好
菜单
}
}

---

我希望那里有这么多天才：）

首先，您需要在main.js中定义这些路由

// entry file: main.js or app.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App'
import Hello from './components/Hello'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    // the home page
    { path: '/', component: Hello }
  ]
})

new Vue({
  router,
  render: h => h(App), // the layout
})

---

很简单：

从

VueRouter

添加路由器文件共享您的路由这是我的路由器文件。