如何在nuxt中使用vue插件

Question

有一个叫做 vue-chat-scroll 的插件，我想在 nuxt 中使用它。 我是初学者，所以我无法真正理解如何，但我想知道是否可以在 nuxt 中使用这个 vue 插件作为插件。 怎么做呢？

Answer 1

1. 在 plugins 文件夹中创建一个文件，例如 vue-chat-scroll.js，内容如下：

    import Vue from 'vue' import VueChatScroll from 'vue-chat-scroll' Vue.use(VueChatScroll)

2. 在 nuxt.config.js 中将插件导入为

    plugins: [...your existing plugins,'~/plugins/vue-chat-scroll.js']

然后按照其 API 的插件教程进行操作

Answer 2

在 plugin 文件夹中创建一个 js 文件并将其命名为 vue-chat-scroll.js （名称是可选的。这取决于您）。 然后在这个 js 文件中注册你的插件，如下所示：

import Vue from 'vue';
import VueChatScroll from 'vue-chat-scroll';

 Vue.component('VueChatScroll', VueChatScroll);

然后将其导入插件内的 nuxt.config.js 中，如下所示：

plugins: [
  {
    src: '~/plugins/vue-chat-scroll.js',
    ssr: true
   }
]