Nuxt JS中的全局组件

问题描述 投票:0回答:1

我已经构建了一些组件,例如模态和评论,我想在我的网站的几乎所有地方使用和重用这些组件。

我已经在plugins文件夹中制作了一个global.js文件,所以我只在我的nuxt.config.js文件中注册了一次。

在我的global.js文件中,我已经导入了vue并称为组件

import Vue from 'vue';
Vue.component('component-modal', () => import('@/components/modal'));
Vue.component('component-modal-other', () => import('@/components/modalOther'));
Vue.component('component-reviews', () => import('@/components/reviews'));

这样做的原因是,现在我不必在要使用它的每个实例上执行component import,只需调用组件<my-component>

但是我刚刚切换到通用模式,现在我收到水化警告,我很确定这些警告都来自我在插件文件夹中创建的global.js组件文件。

我应该没有global.js文件,并且要全局使用的每个组件在plugins文件夹中都有其自己的文件吗?还是仅在需要它的文件中本地需要它时才需要导入它?

重用和注册我创建的全局迷你组件的最佳方法是什么?

vue.js nuxt.js
1个回答
0
投票

尝试一下

© www.soinside.com 2019 - 2024. All rights reserved.