Basic fetch example

by RomainMazB

HTML

<div id="app">
  <button @click="fetchDatas">Click me!</button>
  <ul v-if="resultObject.length">
    <li v-for="(data, index) in resultObject">{{ data.id }}: {{ data.name }}
    <input type="radio" v-model="radios[index]" name="radios[index]" value="true">True</input>
    <input type="radio" v-model="radios[index]" name="radios[index]" value="false">False</input></li>
  </ul>
</div>

JavaScript

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