需要帮助使用 vue-router 加载组件

Question

我有一个名为 App 的主要默认组件，其中有一个导航栏和一个带按钮的图像，当我单击该按钮时，我想加载另一个视图，但我不知道如何执行此操作，我尝试使用router.push 和 router.go 但它什么也没做，如果我使用 router-view 它将在我的“图像”组件下加载其他组件，我不想要那个，我想要所有视图的唯一常见组件拥有的是导航栏。

所以这是我的组件。

应用程序

<template>
<div>
    <Mynavbar></Mynavbar>
    <Imagewlink></Imagewlink>
</div>
</template>

图片链接

<div class=swiper-slide style=background-image:url(img/content/landing/slide-1.jpg)> <br>
   <div class="container">
      <b-col cols="4" md="4" sm="3" class="float-right">
          <b-list-group>     
              <b-list-group-item to="/componenttwo"> link 1</b-list-group-item>
          </b-list-group>
      </b-col>
    </div>
 </div>

我的路线包括

{
    path: '/componenttwo',
    component: componenttwo,
    name: 'componenttwo'
}