我routerview给了其中一个组件那么home.vue想用路由怎么办？

Question

老师好！
我实现了其中一个组件Menu.vue路由，给这个组件一个实现了这个组件的路由，那么home.vue也想路由，该如何使用?
因为

<router-link to="/Login">
                    <el-dropdown-item>退出</el-dropdown-item>
                  </router-link>

我在home.vue里用router-link，返回的时候发现，变化的还是Menu.vue。我想实现的效果是
（1）点击Menu.vue组件变化Main.vue里的内容（内容是显示不同的组件）
（2）点击Main.vue里的按钮整个页面跳转，不再是只修改Main.vue
我现在不知道怎么样解决，老师有什么思路可以提醒我一下嘛？给点提示就行，我可以去搜

Answer 1

提问者 Caeser110 2019-12-30 09:57:48

我用router实现了点击nav后，在main区域内显示不同的组件，但是我在写一个退出的功能时候发现退出时变化的还是main区域，我想点退出后，整个页面都要显示一个新的组件

• Dell #1

  你只要路由里的展示的组件根据路由定一下不就行了么？是需要强制刷新？

• 提问者 Caeser110 回复 Dell #2

  多谢老师，已解决，其实我以为view-router出口只能有一个，或者是需要起名字才能多出口，实际上几行代码就能解决我的问题：
  ```
  {path: '/home',
        component: Home,
        redirect: '/welcome',
        children: [{ path: '/welcome', component: Welcome },
                   { path: '/users', component: Users}
        ]}
  ```
  我用这个方式解决的