Vue axios
instalacja:
npm install axios --save -dev
użycie w template:
<div class="" v-for="post in posts" :key="post.id">
<h3>{{ post.title }}</h3>
<p>{{ post.body }}</p>
</div>
użycie w script
import axios from 'axios'
export default {
name: 'Blogs',
data() {
return {
posts: []
}
},
methods: {
},
created() {
axios.get('https://jsonplaceholder.typicode.com/posts/')
.then(response => {
this.posts = response.data;
}).catch(err => {
console.log('this is an error: ',err);
})
},
}
Hope this helps and happy coding :)
Zobacz jeszcze
Vue life-cycle hooks
hooks: mounted - manipulacja DOM Najczęściej wykorzystywane: created mounted update przykłady: beforeCreate() { alert('before create hook');...