javascript - 如何在 vue.js 中使用 vue-3-socket.io 和组合 api？

Question

我如何在 vue.js 组件的设置函数中访问套接字实例

我使用 vue-3-socket.io

在我的 main.js

import VueSocketIO from 'vue-3-socket.io'
import SocketIO from 'socket.io-client'

Vue.use(new VueSocketIO({
    debug: true,
    connection: SocketIO('http://metinseylan.com:1992', {}), 
    vuex: {
      store,
      actionPrefix: "SOCKET_",
      mutationPrefix: "SOCKET_"
    }
  })
);

Answer 1

我将直接使用 socket.io，没有 Vue 插件:

export const useSocketIO = () => {
    const socket = io('http://metinseylan.com:1992')
    return {
        socket,
    }
}

组件

<script setup>
import { defineComponent } from 'vue'

const { socket } = useSocketIO()
socket.on('welcome', () => { console.log('welcome') })
  
</script>