Vue+express+Socket realizes chat function

npm i vue-socket.io --save

import VueSocketIO from 'vue-socket.io'

npm i socket.io --save

var io = require('socket.io')(server)'

io.on('connection', (socket) => {
  socket.on('demining', (data) => {
    console.log(data);
  });
});

<div class="home">
    userid: <input type="text" v-model="userid">
    Nickname: <input type="text" v-model="name">
    Message: <input type="text" v-model="msg" />
    <button @click="send">Send</button>
    <button @click="join">Connect</button>
    <button @click="sendmsg">Send to specified person</button>

    <ul>
      <li v-for="(item,index) in chatList" :key="item.name + index">
        {{ item.name }} says: {{ item.msg }}
      </li>
    </ul>
</div>

export default {
  name: "Home",
  data() {
    return {
      users: [],
      msg: "",
      chatList: [],
      name: '',
      userid: ''
    };
  },
  sockets: {
    // Connect to the background socket
    connect() {
      console.log('socket connected');
    },
    // User background call, add data sendMessage(data) {
      console.log(data);
      this.chatList.push(data)
    },
    // User background call, print data receivemsg(data) {
      console.log('receivemsg');
      console.log(data);
    }
  },
  methods: {
    // Send a message to the background send() {
      // Use emit to call the message method in the background socket this.$socket.emit("message", {
        userid: 100,
        name: this.name,
        msg: this.msg
      });
    },
    // Establish user connection join() {
      this.$socket.emit("join", {
        userid: this.userid
      });
    },
    // Send a message to the backend for private messaging sendmsg() {
      this.$socket.emit("sendmsg", {
        userid: this.userid,
        msg: this.msg
      });
    }
  }
};

// Used to store each user's socket to implement private chat function let arrAllSocket = {}
// Create a socket connection io.on('connection', (socket) => {
  console.log('Connected');
  // console.log(socket);
  // The join function is used by users to connect socket.on('join', function (obj) {
    console.log(obj.userid + 'join')
    // Save the connection status of each user for private messaging arrAllSocket[obj.userid] = socket
  })
  // The function name for receiving messages sent by the foreground is message
  socket.on('message', (data) => {
    console.log(data);
    //Send the message back to the front desk (call the method defined in the front desk) The function name is sendMessage
    io.emit('sendMessage', data);
  });
  // Private message socket.on('sendmsg', function (data) {
    console.log(data);
    // Query user connection let target = arrAllSocket[data.userid]
    if (target) {
      //Send a message to the specified person target.emit('receivemsg', data)
    }
  })
})

// Pass server as a parameter to module.exports = function (server) {
  var io = require('socket.io')(server);
// Used to store each user's socket to implement private chat function let arrAllSocket = {}
// Create a socket connection io.on('connection', (socket) => {
    console.log('Connected');
    // console.log(socket);
    // The join function is used by users to connect socket.on('join', function (obj) {
      console.log(obj.userid + 'join')
      // Save the connection status of each user for private messaging arrAllSocket[obj.userid] = socket
    })
    // The function name for receiving messages sent by the foreground is message
    socket.on('message', (data) => {
      console.log(data);
      //Send the message back to the front desk (call the method defined in the front desk) The function name is sendMessage
      io.emit('sendMessage', data);
    });
    // Private message socket.on('sendmsg', function (data) {
      console.log(data);
      // Query user connection let target = arrAllSocket[data.userid]
      if (target) {
        //Send a message to the specified person target.emit('receivemsg', data)
      }
    })
  })
}

var io = require('../io')
io(server)