vue 发起HTTP

在Vue.js中，为了发起HTTP请求，一般建议使用内置的渐进式Web API（比如fetch）或者第三方库，比如axios，它们更符合现代前端的最佳实践。这里以axios为例说明：

首先，你需要安装axios库：

npm install axios
# 或者
yarn add axios

然后，在组件中，你可以这样做：

import axios from 'axios';

export default {
  data() {
    return {
      loading: false,
      data: null,
    };
  },
  methods: {
    async fetchData() {
      this.loading = true;
      
      try {
        const response = await axios.get('https://api.example.com/data');
        this.data = response.data;
      } catch (error) {
        console.error('Error fetching data:', error);
      } finally {
        this.loading = false;
      }
    },
  },
};

上述代码中，`axios.get`发送GET请求，并将响应数据赋值给`data`属性。`loading`变量用于显示加载状态。