如何在Vue.js应用程序中加载数据

export default {
  data() {
    return {
      data: null
    };
  },
  created() {
    this.loadData();
  },
  methods: {
    loadData() {
      // 发送异步请求获取数据
      // 示例使用axios库发送请求
      axios.get('/api/data')
        .then(response => {
          this.data = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}

// 安装vue-resource
npm install vue-resource

// 在Vue组件中使用vue-resource加载数据
import Vue from 'vue';
import VueResource from 'vue-resource';

Vue.use(VueResource);

export default {
  data() {
    return {
      data: null
    };
  },
  created() {
    this.loadData();
  },
  methods: {
    loadData() {
      // 使用vue-resource发送异步请求获取数据
      this.$http.get('/api/data')
        .then(response => {
          this.data = response.body;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}

// 安装axios
npm install axios

// 在Vue组件中使用axios加载数据
import axios from 'axios';

export default {
  data() {
    return {
      data: null
    };
  },
  created() {
    this.loadData();
  },
  methods: {
    loadData() {
      // 使用axios发送异步请求获取数据
      axios.get('/api/data')
        .then(response => {
          this.data = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}