vue 连接 arduino

要连接 Arduino 和 Vue，您需要使用以下步骤：

1. 在 Arduino IDE 中设置串口通信。

2. 在 Vue 应用程序中使用 SerialPort 库来连接串口。

3. 使用 Vue.js 中的 axios 库来发送和接收数据。

以下是一个简单的代码示例：

在 Arduino 中：

void setup() {
  Serial.begin(9600);
}

void loop() {
  if (Serial.available()) {
    String message = Serial.readStringUntil('\n');
    Serial.println(message);
  }
}

在 Vue.js 中：

import SerialPort from 'serialport';
import Readline from '@serialport/parser-readline';
import axios from 'axios';

const port = new SerialPort('/dev/ttyUSB0', { baudRate: 9600 });
const parser = port.pipe(new Readline({ delimiter: '\n' }));

parser.on('data', (data) => {
  console.log(data);
});

axios.post('/sendData', { message: 'Hello from Vue!' })
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.log(error);
  });

注意：您需要根据您的系统和硬件设置串口参数。