基于vue和c++的上位机案例代码

基于Vue和C++的上位机案例代码需要涉及到前端和后端两个方面的内容，下面是一个简单的例子：

前端部分（基于Vue）：

<template>
  <div class="container">
    <h1>{{ message }}</h1>
    <form @submit.prevent="sendData">
      <input type="text" v-model="data" />
      <button type="submit">Send</button>
    </form>
    <ul>
      <li v-for="(item, index) in receivedData" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      message: "C++上位机实时数据传输",
      data: "",
      receivedData: [],
    };
  },
  methods: {
    sendData() {
      // 发送数据到后端
      axios
        .post("/sendData", { data: this.data })
        .then((response) => {
          // 处理返回的数据
          this.receivedData.push(response.data);
        })
        .catch((error) => {
          console.log(error);
        });
    },
  },
};
</script>

后端部分（基于C++）：

#include <stdio.h>
#include <stdlib.h>
#include <string.h>
#include <sys/socket.h>
#include <arpa/inet.h>
#include <unistd.h>

int main(int argc, char *argv[]) {
  int socket_fd, client_fd;
  struct sockaddr_in server_addr, client_addr;
  char buffer[1024];

  // 创建socket
  socket_fd = socket(AF_INET, SOCK_STREAM, 0);
  if (socket_fd == -1) {
    printf("Error: Failed to create socket.\n");
    return 1;
  }

  // 绑定监听地址和端口
  server_addr.sin_family = AF_INET;
  server_addr.sin_addr.s_addr = INADDR_ANY;
  server_addr.sin_port = htons(8888);

  if (bind(socket_fd, (struct sockaddr *)&server_addr, sizeof(server_addr)) < 0) {
    printf("Error: Failed to bind.\n");
    return 1;
  }

  // 监听端口并等待连接
  listen(socket_fd, 3);

  printf("Waiting for incoming connections...\n");

  // 接受客户端连接
  int client_size = sizeof(client_addr);
  client_fd = accept(socket_fd, (struct sockaddr *)&client_addr, (socklen_t *)&client_size);
  if (client_fd < 0) {
    printf("Error: Failed to accept connection.\n");
    return 1;
  }

  printf("Client connected.\n");

  while (1) {
    memset(buffer, 0, sizeof(buffer));

    // 接收客户端数据
    int bytes_received = recv(client_fd, buffer, sizeof(buffer), 0);
    if (bytes_received < 0) {
      printf("Error: Failed to receive data.\n");
      break;
    }

    printf("Received data: %s\n", buffer);

    // 处理客户端请求并发送响应
    char response[1024];
    sprintf(response, "Received data: %s", buffer);
    send(client_fd, response, strlen(response), 0);
  }

  close(client_fd);
  close(socket_fd);

  return 0;
}

这是一个简单的例子，实际情况下需要根据具体需求进行修改和完善。同时，需要注意的是，该例子中使用的是C++原生的socket编程，实际开发过程中也可以使用其他网络库（如Boost.Asio等）来简化开发。