Vue.js 如何在Vue中从路由器重定向获取路由器视图渲染

1.我得到一个路由器配置文件router.js：

2.和home.vue，这是根路由器的目标：

      <div>
            Home
       <nav-header></nav-header>
        **<router-view></router-view>**
        <nav-footer></nav-footer>
      </div>

<script>
export default {
      name: 'nav-home',
      components: {
            NavHeader,
            NavFooter
      }
}
</script>

---

结果 I文本<代码>http://localhost:8080/而我一无所获；如果我删除

router.js

中的

重定向：'/index'

，仍然有

主导航页眉导航页脚输出

如何获取
Home**index**nav header nav footer
的结果

非常感谢
 请尝试重定向：'/home/index'

。

      <div>
            Home
       <nav-header></nav-header>
        **<router-view></router-view>**
        <nav-footer></nav-footer>
      </div>

<script>
export default {
      name: 'nav-home',
      components: {
            NavHeader,
            NavFooter
      }
}
</script>

      <div>
           index
      </div>
<script>
export default {
      name: 'index',
}
</script>