vue.js 动态获取数据

export default {
  data() {
    return {
      items: []
    };
  },
  created() {
    this.fetchData();
  },
  methods: {
    async fetchData() {
      try {
        const response = await fetch('https://api.example.com/items');
        if (!response.ok) throw new Error('Network response was not ok');
        this.items = await response.json();
      } catch (error) {
        console.error('There has been a problem with your fetch operation:', error);
      }
    }
  }
};

// 使用 Vue.set 更新数组中的某个元素
this.$set(this.items, index, newValue);

// 替换整个数组
this.items = [...this.items, newItem];

import axios from 'axios';

export default {
  data() {
    return {
      items: [],
      isLoading: false
    };
  },
  methods: {
    async fetchData() {
      if (this.isLoading) return;
      this.isLoading = true;
      try {
        const response = await axios.get('https://api.example.com/items');
        this.items = response.data;
      } catch (error) {
        console.error(error);
      } finally {
        this.isLoading = false;
      }
    }
  }
};