Nuxt 嵌套路由

mar*_*ube 2 routes nested-routes vue.js nuxt.js

我有一个用 Nuxt 创建的基本通用应用程序。

我是 vue 和 nuxt 的新手,我试图了解路由的工作原理,更具体地说明嵌套路由的工作原理。

所以我的项目结构是

??? parent
?   ??? child1.vue
?   ??? child2.vue
??? parent.vue
Run Code Online (Sandbox Code Playgroud)

在父页面中,我有 child1 和 child2 的两个链接

??? parent
?   ??? child1.vue
?   ??? child2.vue
??? parent.vue
Run Code Online (Sandbox Code Playgroud)

例如,我的目标是当我点击链接进入下一页时/parent/child2

但这不会发生。当我点击链接时,它会重新打开同一个父页面。

Ald*_*und 6

将文件parent.vue移至parent/index.vue