Должен ли мой заголовочный файл вызываться из папки «store» в Nuxt вместо папки «компоненты»?

Question

Я тестирую реализацию магазина Vuex в Nuxt и спрашиваю себя, является ли папка Store лучшим способом обмена компонентами и модулями, а не папкой Components?

Например, я в настоящее время вызываю заголовок по умолчанию. vue в папке Layouts с этим кодом, ссылающимся на папку 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>

Answer 1

Нет, папка магазина не должна содержать компоненты. Поместите свои компоненты только в папку components.

Папка store предназначена только для модуляции Vuex .

Если вы не хотите писать свои import В каждом компоненте вы можете использовать nuxt-global-base-components . Но я не уверен, что это хорошая практика ...

Кроме того, будьте осторожны с названием компонентов. Верхний и нижний колонтитулы являются html зарезервированными словами. Вместо этого назовите их AppHeader и AppFooter.