Heim> häufiges Problem> Hauptteil

So lesen Sie die API in Vue

anonymity
Freigeben: 2019-05-07 09:21:36
Original
3308 Leute haben es durchsucht

Mit Vue.js können Sie schrittweise eine Anwendung rund um einen dieser Dienste erstellen und innerhalb von Minuten mit der Bereitstellung von Inhalten für Benutzer beginnen.

So lesen Sie die API in Vue

Wie verwende ich die API eines Drittanbieters, um Dienste bereitzustellen?

Wir können Ajax-Anfragen erstellen, um Antworten zu verarbeiten, und Axios verwenden, um API-Daten zu verarbeiten.

Axios ist ein Promise-basierter HTTP-Client zum Erstellen von Ajax-Anfragen und eignet sich perfekt für unsere Anwendung. Es bietet eine einfache und umfangreiche API. Es ist fetchAPI sehr ähnlich, erfordert jedoch kein zusätzliches Polyfill für ältere Browser und verfügt über einige nette Funktionen.

Früher wurde vue-resource häufig in Vue-Projekten verwendet, aber es wurde jetzt eingestellt.

Axios importieren:

 
Nach dem Login kopieren

Sobald unsere Vue-App auf der Seite bereitgestellt ist, können wir die Home-Abschnittsanforderung erstellen, um die Liste der aktuellen Ereignisse zu erhalten:

// ./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}) } });
Nach dem Login kopieren

Denken Sie daran: Ersetzen Sie your_api_key durch den tatsächlichen API-Schlüssel, den Sie zuvor erhalten haben.

Das obige ist der detaillierte Inhalt vonSo lesen Sie die API in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!