vue怎麼讀取api

使用Vue.js，可以逐步地建立圍繞其中一個服務的應用程序，並在幾分鐘內就可以開始向用戶提供內容服務。

如何利用第三方API提供服務？

我們可以建立ajax請求來處理回應，並利用axios來處理API資料。

Axios是一個基於 Promise 的HTTP客戶端，用於建立 Ajax請求，並且非常適合我們的應用程式。它提供了一些簡單而豐富的API。它與fetchAPI非常相似，但不需要為舊版瀏覽器額外的添加一個polyfill，另外還有一些很巧妙的地方。

以前，vue-resource 通常用於Vue項目，但現在已經退休了。

導入axios:

<!-- ./index.html -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

現在，一旦我們的Vue應用程式被掛載- mounted到頁面，我們就可以建立home部分取得熱點事件清單的請求：

// ./app.js
const vm = new Vue({
  el: '#app',
  data: {
    results: []
  },
  mounted() {
    axios.get("https://api.nytimes.com/svc/topstories/v2/home.json?api-key=your_api_key")
    .then(response => {this.results = response.data.results})
  }
});

記住: 將your_api_key替換為先前取得的實際API金鑰。

以上是vue怎麼讀取api的詳細內容。更多資訊請關注PHP中文網其他相關文章！