使用Vue.js，可以逐步地構(gòu)建圍繞其中一個服務(wù)的應(yīng)用程序，并在幾分鐘內(nèi)就可以開始向用戶提供內(nèi)容服務(wù)。

如何利用第三方API提供服務(wù)呢？

我們可以創(chuàng)建ajax請求來處理響應(yīng)，利用axios來處理API數(shù)據(jù)。

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

以前，vue-resource 通常用于Vue項目，但現(xiàn)在已經(jīng)退休了。

導(dǎo)入 axios:

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

登錄后復(fù)制

現(xiàn)在，一旦我們的Vue應(yīng)用被掛載 - mounted到頁面，我們就可以創(chuàng)建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})
  }
});

登錄后復(fù)制

記住: 將your_api_key替換為之前獲取的實際API密鑰。

以上就是vue怎么讀取api的詳細(xì)內(nèi)容，更多請關(guān)注風(fēng)君子博客其它相關(guān)文章！

總結(jié)

以上是生活随笔為你收集整理的vue怎么读取api的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。