我的头文件应该从 Nuxt 中的“store”文件夹而不是“components”文件夹中调用吗？答案

【问题标题】：Should my header file be called from the 'store' folder in Nuxt instead of the 'components' folder?我的头文件应该从 Nuxt 中的“store”文件夹而不是“components”文件夹中调用吗？
【发布时间】：2020-07-31 03:27:26
【问题描述】：

我正在 Nuxt 中测试 Vuex 存储实现，并想知道 Store 文件夹现在是否是共享组件和模块的最佳方式，而不是使用 Components 文件夹？

例如，我目前在 Layouts 文件夹中调用 default.vue 的标头，此代码引用了 Components 文件夹：

<template>
  <div class="container">
    <Header />
    <nuxt />
    <Footer />
  </div>
</template>

<script>
import Header from '~/components/appheader.vue'
import Footer from '~/components/appfooter.vue'
export default {
  components: { Header, Footer }
}
</script>

但是，据我了解，如果 header.vue 在 Store 文件夹中，则可以简单地使用文件名调用它，如下所示，无需导入或导出它。我理解对了吗？

<template>
  <div class="container">
    <appheader></appheader>
    <nuxt />
    <appfooter></appheader>
  </div>
</template>

【问题讨论】：

标签： vue.js module vuex nuxt.js

【解决方案1】：

不，商店文件夹不应包含组件。仅将您的组件放在components 文件夹中。

store 文件夹仅适用于 modularizing Vuex。

如果您不想在每个组件中编写import 语句，您可以使用nuxt-global-base-components。但我不相信这是一个好习惯......

另外，请注意您的组件名称。页眉和页脚是 html 保留字。将它们命名为 AppHeader 和 AppFooter。

【讨论】：