我已经构建了一些组件,例如模态和评论,我想在我的网站的几乎所有地方使用和重用这些组件。
我已经在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文件夹中都有其自己的文件吗?还是仅在需要它的文件中本地需要它时才需要导入它?
重用和注册我创建的全局迷你组件的最佳方法是什么?
尝试一下