Gebruik van Axios met Vue.Js

Gebruik van Axios met Vue.Js

Wat is Axios?
In de eenvoudigste vorm is het een JavaScript-bibliotheek die ons in staat stelt om HTTP-bewerkingen gemakkelijk uit te voeren in client-side toepassingen.
Axios Installatie
We kunnen het installeren met npm, yarn en CDN.
Installatie met Npm

$ npm install axios

Installatie met Yarn

$ yarn add axios

Installatie met CDN

Een Klein Voorbeeld met de Axios.get() Methode
Laten we een klein API-voorbeeld maken met de get() Methode van Axios


import axios from 'axios' // we importeren axios voor gebruik na installatie
export default {
data(){
    return{
        users:null, // ik heb een lege variabele genaamd users aangemaakt 
    }},
  methods:{
    function (){
    axios.get('https://jsonplaceholder.typicode.com/users').then((response) => { 
    // we hebben de api aangeroepen en gebruikten de then() methode voor de daaropvolgende bewerkingen
     this.users = response.data; // we hebben toegang gekregen tot het data-object in de response die we ontvangen hebben en we hebben deze toegewezen aan de variabele users
     console.log(this.users); // nu hebben we de resultaten naar de console geschreven om ze te bekijken
     })
  }
}
}

Console-uitvoer
tekening

Laten we het resultaat in het voorbeeld visualiseren
Laten we met behulp van Bootstrap een kleine tabel maken en de gegevens die van de API komen in deze tabel plaatsen

En het resultaat…

resultaat

Op zoek naar auteurs en journalisten!

Op zoek naar auteurs en journalisten!

Als je een journalist bent die graag diep in onderwerpen duikt die betrekking hebben op bedrijven en sectoren, willen we graag met je samenwerken!

Emir Eskici

PlusClouds Enthousiast
Sales

Productinformatie

#
Auto Quill
AutoQuill schrijft en plaatst affiliate marketinginhoud voor jou.

Gemakkelijkste Geld Dat Je Ooit Zult Verdienen

Met de AutoQuill-tool die PlusClouds is gaan aanbieden aan zijn affiliate partners, kunnen contentmakers met een enkele klik verkopen. Laat ons u laten zien hoe u uw aandeel in deze revolutie kunt krijgen.