vue2使用axios

在Vue.js 2中使用Axios进行网络请求非常简单。首先，你需要在项目中安装Axios依赖。你可以使用npm或者yarn来安装Axios，具体命令如下：

使用npm：

npm install axios

使用yarn：

yarn add axios

安装完成后，你可以在Vue组件中引入Axios并使用它来发送网络请求。以下是一个简单的示例：

<template>
  <div>
    <button @click="fetchData">发送请求</button>
    <ul>
      <li v-for="item in data" :key="item.id">{{ item.title }}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      data: []
    };
  },
  methods: {
    fetchData() {
      axios.get('https://jsonplaceholder.typicode.com/posts')
        .then(response => {
          this.data = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
};
</script>

在上面的示例中，我们在`fetchData`方法中使用Axios发送了一个GET请求，并将响应数据保存在`data`属性中。然后，我们在模板中使用`v-for`指令遍历`data`数组，并渲染每个列表项的标题。

请注意，这只是一个简单的示例，你可以根据自己的需求进行进一步的封装和处理。同时，你还可以使用Axios的其他方法，如POST、PUT、DELETE等来发送不同类型的请求。你可以查阅Axios的官方文档以了解更多信息：[Axios官方文档](https://axios-http.com/docs/intro)