vue.js 在nuxt.js页面中插入2个组件

7lrncoxx  于 2022-11-17  发布在  Vue.js
关注(0)|答案(2)|浏览(231)

我是这个框架的新手:(问题在这里,因为我试图把组件放在另一个页面中并使用它。
它标志着组件出错
这是我的索引。vue第

b5buobof

b5buobof1#

如果你使用的是nuxt2.0,你应该把它们 Package 在一个容器中,但是在nuxt3.0中不需要。

<template>
  <main>
    <navbar />
    <slideshow />
  </main>
</template>

如果这是nuxt2.0,那么你也应该导入组件并注册它,但是你在这里没有这样做。你给组件的路径也不正确。

<script>
import Slideshow from '~/components/slideshow.vue';

export default {
  components: { Slideshow }
}
</script>
6bc51xsx

6bc51xsx2#

您需要将 Package 到div或任何其他标签中( Package 到not have multiple tags at the root of the template),就像这样

<template>
  <div>
    <navbar></navbar>
    <slideshow></slideshow>
  </div>
</template>

您也可以跳过导入部分,因为Nuxt已经在为您做这件事了,如下所述:https://nuxtjs.org/tutorials/improve-your-developer-experience-with-nuxt-components/

相关问题