Buat tarikan API untuk Vue.js

Question

Saya tidak tahu apa yang salah dengan saya atau mengapa ini tidak berfungsi, saya hanya mahu api foto anjing rawak berfungsi tetapi ia tidak berfungsi. Lihat kod di bawah.

export default {
  data() {
    return {
      posts: [],
    };
  },

  methods: {
    async getData() {
      try {
        let response = await fetch ("https://dog.ceo/api/breeds/image/random");
        this.posts = await response.json();
      } catch (error){
        console.log(error)
      }
    }
  }
};

Answer 1

Anda mesti memanggil fungsi getData 函数。一种可能的解决方案是，您可以在 mounted 生命周期挂钩中调用 getData. Ini adalah taman permainan vue pautan

sssccc