所以我正在使用堆栈：MongoDB，NodeJS，Vue / Nuxt，Express，SocketIO，我想将我的套接字调用分成JS文件，然后将它们全部组合成一个索引文件，并将其包含在我的默认文件中。 Vue布局。

现在看起来像这样：

<template>
  <div>
    <!-- <loader v-if="loading"></loader> -->
    <nuxt />
  </div>
</template>
<script>
import socket from '~/plugins/socket.io.js'
import Loader from '~/components/init/Loader'
export default {
  components: {
    Loader
  },data() {
    return {
      loading: true
    }
  },created(){
    Promise.all([
      this.$store.dispatch('todos/INIT'),]).then(() => {
      setInterval(() => {
        this.loading = false
      },1000);
    });  

    socket.on('new-item',(data) => {
      this.$store.dispatch('todos/ADD',data.item)
    })
    socket.on('check-item',(data) => {
      this.$store.dispatch('todos/CHECK',data.item)
    })
    socket.on('removed-item',(data) => {
      this.$store.dispatch('todos/REMOVE',data.item)
    })

  }
}
</script>
<style>
  html,body {overflow-x: hidden;}
</style>

我希望能够仅包含一个包含我所有socket.on函数的文件，这样就没有800行socket.on的文件了，但是我似乎找不到最佳的方法。 module.exports似乎对我不起作用，也不只是需要该文件。