Question

有一个名为vue-chat-scroll的插件，我想在nuxt中使用它。我是一个初学者，所以我无法真正理解它，但是我想知道是否可以在nuxt中将此vue插件用作插件。那怎么办？

Answer 1

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

select t.row, c.*
from t cross apply
     (select max(case when seqnum = 1 then col end) as col1,
             max(case when seqnum = 2 then col end) as col2,
             max(case when seqnum = 3 then col end) as col3,
             max(case when seqnum = 4 then col end) as col4,
             max(case when seqnum = 5 then col end) as col5
      from (select col,
                   row_number() over (order by min(pos)) as seqnum
            from (values (1, t.col1), (2, t.col2), (3, t.col3), (4, t.col4), (5, t.col5))
                 ) v(pos, col)
            group by col
      ) c;

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

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

，然后按照其API插件教程

Answer 2

在插件文件夹中创建一个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
   }
]

如何在Nuxt中使用Vue插件

2 个答案: