Basic fetch example

by RomainMazB

HTML

<div id="app">
  <button @click="fetchDatas">Click me!</button>
  <ul v-if="resultObject.length">
    <li v-for="data in resultObject">{{ data.id }}: {{ data.name }}</li>
  </ul>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
  	resultObject: []
  },
  methods: {
		fetchDatas() {
      fetch('https://jsonplaceholder.typicode.com/users')
      .then(response => response.json())
      .then(data => {
        this.resultObject = data;
        console.log('test: '+data.length);
      });
    }
  }
});