vue数据请求代码

在Vue中进行数据请求有很多种方式，以下是其中一种常见的方式。

首先，你需要在Vue组件中引入axios库，可以通过npm安装axios：npm install axios。
在Vue组件中，可以使用axios发送HTTP请求。例如，在created生命周期钩子中发送GET请求：

import axios from 'axios';

export default {
  data() {
    return {
      todos: [],
    };
  },
  created() {
    axios.get('/api/todos')
      .then(response => {
        this.todos = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  },
};

在这个例子中，我们使用axios发送了一个GET请求到/api/todos接口，然后在请求成功时将返回的数据赋值给组件的todos数据。

如果你想发送POST请求，可以使用axios的post方法。例如，在点击按钮时发送一个POST请求：

import axios from 'axios';

export default {
  data() {
    return {
      todo: '',
    };
  },
  methods: {
    addTodo() {
      axios.post('/api/todos', { todo: this.todo })
        .then(response => {
          console.log(response.data);
          // 处理请求成功的逻辑
        })
        .catch(error => {
          console.log(error);
          // 处理请求失败的逻辑
        });
    },
  },
};

在这个例子中，我们使用axios的post方法发送了一个POST请求到/api/todos接口，并传递了一个包含todo数据的对象作为请求体。

这只是Vue中数据请求的一种常见方式，你还可以使用其他的HTTP库，如fetch或者Vue的官方插件Vue Resource