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');...

Ciekawe tootki

Lista fajnych, rozwijających tootków w różnych technologiach: css animacja lśniącego przycisku - przez...