vue3前端和后端数据交互

在Vue 3中，前端和后端数据交互可以通过使用axios库来实现。Axios是一个基于Promise的HTTP客户端，可以用于发送GET、POST等请求，并且可以处理响应数据。以下是使用axios进行前端和后端数据交互的示例代码：

// 安装axios：npm install axios

import axios from 'axios';

// 发送GET请求
axios.get('http://localhost:3000/books?id=123')
  .then(function(response) {
    // 在这里处理后台返回的数据
    console.log(response.data);
  })
  .catch(function(error) {
    // 在这里处理错误情况
    console.error(error);
  });

// 发送POST请求
axios.post('http://localhost:3000/books', {id: 123})
  .then(function(response) {
    // 在这里处理后台返回的数据
    console.log(response.data);
  })
  .catch(function(error) {
    // 在这里处理错误情况
    console.error(error);
  });