sample.vue
<template>
<div>
<button @click="getData()">取得</button>
<table border=1>
<tr v-for="item in items" :key="item.id">
<td>{{item.id}}</td><td>{{item.title}}</td>
</tr>
</table>
</div>
</template>
<script>
import axios from 'axios'
export default {
data: () => {
return {
items: []
};
},
methods: {
getData() {
const url = 'https://jsonplaceholder.typicode.com/todos';
axios.get(url).then((res) => {
console.log(res);
this.items = res.data;
})
}
}
}
</script>