為 Vue.js 建立 API 拉取

Question

我不知道我出了什麼問題，也不知道為什麼這不起作用，我只是想讓隨機狗的照片 api 工作，但它不起作用。請參閱下面的程式碼。

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

您必須呼叫 getData 函數。一個可能的解決方案是，您可以在 mounted 生命週期掛鉤中呼叫 getData 函數。這是一個 vue 遊樂場 連結

sssccc