vue 数据ajax 请求封装

Vue中可以使用axios库来进行AJAX请求的封装。具体步骤如下：

1. 在项目中安装axios库，可以使用npm或yarn命令进行安装，如下：

npm install axios --save

2. 在Vue项目中创建一个api.js文件，并在该文件中封装请求方法，如下：

import axios from 'axios';

const api = axios.create({
  baseURL: 'http://example.com/api',
});

export const get = (url, params) => api.get(url, { params });

export const post = (url, data) => api.post(url, data);

export const put = (url, data) => api.put(url, data);

export const del = (url) => api.delete(url);

3. 在组件中引入api.js文件并使用封装好的请求方法，如下：

import { get, post } from '@/api';

export default {
  data() {
    return {
      list: [],
    }
  },
  mounted() {
    this.fetchData();
  },
  methods: {
    async fetchData() {
      const { data } = await get('/list');
      this.list = data;
    },
    async submitData() {
      const { data } = await post('/submit', { name: 'test' });
      console.log(data);
    },
  },
}

以上是一个简单的Vue中使用axios进行请求封装的示例。当然，在实际开发中，还需要考虑错误处理、请求拦截等问题。