Nuxt嵌套路线

Question

我已经使用Nuxt创建了一个基本的通用应用程序。

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

所以我的项目结构是

├── parent │ ├── child1.vue │ └── child2.vue ├── parent.vue

在父页面中，我有两个链接分别指向child1和child2

<template>
    <div>
        <h3>Parent page</h3>
        <nuxt-link to="/parent/child1"> about1 page</nuxt-link>
        <nuxt-link to="/parent/child2"> about2 page</nuxt-link>
    </div>
</template>

我的目标是当我单击链接以转到下一页时，例如/parent/child2，

但是不会发生。当我单击链接时，它将重新打开同一父页面。

Answer 1

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

Answer 2

只是一个小提示，您也可以为您的孩子使用 parent/_slug.vue