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

Question

我有一个名为App的主要默认组件，其中有一个导航栏和一个带按钮的图像，当我单击该按钮时，我想加载另一个视图，但是我不知道该怎么做，试图使用router.push和router.go，但是它什么也没做，如果我使用router-view，它将在“图像”组件下加载其他组件，而我不希望那样，这是我想要的唯一通用组件我所有的意见就是导航栏。

这是我的组件。

App

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

Imagewlink

<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'
}