Javascript 实施vue路由器链路时面临的问题

我已经在我的项目中安装了

vue路由器

，我想使用

router link>

导航到一些页面，但它不起作用

我有一个

navbar

组件，其中有两个按钮

login

和

signUp

，所以当用户单击login时，我希望路由器将其引导到登录页面，与注册页面相同

在我的

导航栏

组件中，我正在执行此操作

    <template>
           <div class="buttons">
            <router-link :to="{name: 'PageRegister'}" class="btn btn-primary">
              <strong>Sign up</strong>
            </router-link>
            <router-link :to="{name: 'PageLogin'}" class="btn btn-secondary">
             <strong>Login</strong>
            </router-link>
          </div>
</template>

<script>
  export default {
  }
</script>

<style scoped>
</style>

下面是我的主.js vue文件，我正在导入`router

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import 'bootstrap-vue'
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'



new Vue({
    router,
    store,
    render: h => h(App),
}).$mount('#app')

这是你的电话号码

我不知道我做错了什么，但按一下按钮什么也没发生

---

请检查图像中的“我的文件目录”

您的

组件在哪里？@YomS。我没有，我需要它吗？是的，它就像你要在上面画画的画布：）我不太了解它，我应该在里面写什么代码，你能帮我吗？我想你需要从这里开始：，它有很好的文档。你的

组件在哪里？@YomS。我没有，我需要它吗？是的，它就像一张画布，你可以在上面画画：）我不太了解它，我应该在里面写什么代码，你能帮我吗？我想你需要从这里开始：，它有很好的文档。

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import 'bootstrap-vue'
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'



new Vue({
    router,
    store,
    render: h => h(App),
}).$mount('#app')