如何更改Vuejs/Nuxt2中的索引页内容

Question

我当前正在组件文件夹中调用MainPage.vue，以使用以下命令显示在index.vue中。

<template>
<div>
<MainPage/>
</div>
</template>

我的问题是：如何使用索引页面中的按钮点击，将主页更改为另一个页面。我基本上是在索引中运行网站的导航，我希望在单击按钮时更改内容。

Answer 1

您可以将导航包装到/layouts/default.vue中以包装所有页面。然后，您将能够使用nuxt-link或$router.push从一页移动到另一页。

以下是关于Nuxt中路由工作方式的文档：https://nuxtjs.org/docs/features/file-system-routing/

以下是布局的工作方式：https://nuxtjs.org/docs/concepts/views#default-布局

PS：在Nuxt2中，注意布局所需的<nuxt />标签，如

<template>
<nuxt />
</template>