connect vue.js to api code example
Example 1: axios in vue
//Install Axios
npm install axios
//Import Axios in .vue file
import axios from 'axios'
//Add a method to implement Axios
testMethod () {
axios.post('URL')
.then(function (response) {
alert (response.data);
})
.catch(function (error) {
alert(error);
});
}
Example 2: vuejs list items from axios
<ul>
<li v-for="food in foods">
<h2>{{food.name}}</h2>
<ul>
<li v-for="nutrient in food.nutrients">{{nutrient.nutrient_id}}</li>
</ul>
</li>
</ul>
axios.get(url).then(response => {
this.foods = response.data.report.foods
})