不用axios在vue3中实现文本框内文字上传到大屏

在Vue3中实现文本框内文字上传到大屏可以使用原生的JavaScript实现。具体步骤如下：

1. 在Vue3中创建一个文本框和一个按钮，用于输入和上传文本：

<template>
  <div>
    <textarea v-model="text"></textarea>
    <button @click="uploadText">上传文本</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: ''
    }
  },
  methods: {
    uploadText() {
      // 实现上传文本的逻辑
    }
  }
}
</script>

2. 在 `uploadText` 方法中，使用WebSocket协议将文本发送到大屏：

uploadText() {
  const socket = new WebSocket('ws://localhost:1234') // 假设大屏的WebSocket地址为 ws://localhost:1234
  socket.addEventListener('open', () => {
    socket.send(this.text) // 将文本发送到大屏
  })
}

3. 在大屏的后端代码中，使用WebSocket监听文本信息并实现相应的处理：

const WebSocket = require('ws')

const wss = new WebSocket.Server({ port: 1234 })

wss.on('connection', (ws) => {
  ws.on('message', (message) => {
    // 处理接收到的文本信息
    console.log(`Received message: ${message}`)
  })
})

通过以上步骤，就可以在Vue3中实现文本框内文字上传到大屏的功能了。