怎么使用Nuxt.js只在一个组件中使用插件？

本教程将介绍如何使用Nuxt.js只在一个组件中使用插件？的处理方法，这篇教程是从别的地方看到的，然后加了一些国外程序员的疑问与解答，希望能对你有所帮助，好了，下面开始学习吧。

问题描述

我正在用nuxt.js做一个简单的博客网站，我只需要在一个组件中导入编辑器，我不想使用nuxt.config.js。这就是我正在尝试做的，但似乎行不通。

//Inside '~/plugins/vue2-editor'
import Vue from "vue";
import Vue2Editor from "vue2-editor";
Vue.use(Vue2Editor);
export default {Vue2Editor}

//Inside component
<template>
  <div class="text-editor">
 <client-only>
 <Vue2Editor/>
 </client-only>
  </div>
</template>

<script>
import {Vue2Editor} from '~/plugins/vue2-editor'
export default {
components: {
 Vue2Editor
  },
}
</script>

我应该做什么？

推荐答案

如果您只想在一个组件中使用它，只需将其导入(vue2-Editor)即可(不需要插件)。那么您的client-only使用情况应该不错。
可以在另一个答案中找到更多详细信息：How to fix navigator / window / document is undefined in Nuxt

否则，您可以使用动态导入，但我不确定在您的情况下是否需要这样做：https://stackoverflow.com/a/67825061/8816585

好了关于怎么使用Nuxt.js只在一个组件中使用插件？的教程就到这里就结束了，希望趣模板源码网找到的这篇技术文章能帮助到大家，更多技术教程可以在站内搜索。