axios
- 뷰에서 권고하는 HTTP 통신 라이브러리
- Promise 기반의 HTTP 통신 라이브러리
- 참고사이트
<body>
<div id="app">
<button v-on:click="getData">get user</button>
<div>
{{users}}
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
new Vue({
el: '#app',
methods: {
getData: function(){
var vm = this
// 10개의 유저 정보
axios.get('https://jsonplaceholder.typicode.com/users/')
.then(function(response){
console.log(response.data);
vm.users = response.data;
})
.catch(function(error){
console.log(error);
})
}
},
data:{
users:[]
}
})
</script>
</body>
배우면서 나아가자