vue2axios案例

当然，我可以给你一个简单的Vue 2和Axios结合使用的示例案例。

首先，确保你已经安装了Vue和Axios依赖。然后，创建一个Vue组件，比如`Example.vue`，并在这里进行Axios请求。

<template>
  <div>
    <button @click="getData">获取数据</button>
    <ul v-if="data.length">
      <li v-for="item in data" :key="item.id">{{ item.title }}</li>
    </ul>
    <p v-else>暂无数据</p>
  </div>
</template>

<script>
import axios from 'axios';

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

在上面的示例中，我们首先引入了Axios并创建了一个Vue组件。在`data`中，我们定义了一个`data`数组用于存储获取到的数据。

然后，在`methods`中，我们定义了一个`getData`方法，当按钮被点击时会发送一个GET请求到`https://jsonplaceholder.typicode.com/posts`接口。一旦请求成功，我们将响应数据赋值给`data`数组。如果请求出现错误，我们会在控制台打印错误信息。

最后，在模板中，我们展示了一个按钮，并将获取到的数据展示在一个无序列表中。如果数据为空，我们会显示"暂无数据"的提示。

这就是一个简单的Vue 2和Axios结合使用的案例。你可以根据自己的需求进行修改和扩展。