Vue中未处理的Socket.io事件

Question

我的Vue应用程序未处理任何socket.io事件。

这是我的main.js，我正在使用vue-socket-io

import Vue from "vue";
import App from "./App.vue";
import store from "./store";
import VueSocketIo from "vue-socket-io";

Vue.use(VueSocketIo, "http://localhost:3000");

Vue.config.productionTip = false;

new Vue({
  store,
  render: h => h(App)
}).$mount("#app");

在我的组件之一中

sockets: {
    connect() {
      console.log("Socket Connected");
    },
    message: function(message) {
     console.log(message);
    }
  }

this。$ socket.emit运行得很好，如果我使用自定义事件侦听器，如：this.$socket.on("connect", //stuff)，它可以工作，但sockets: {}块中没有任何功能。帮助，谢谢。