#Vue.js #Axios #HTTP #데이터수신 #콜백함수 #callback vue.js 동기/비동기 데이터 수신 방법 axios Axios는 Vue.js에서 가장 많이 사용되는 HTTP 클라이언트 라이브러리 중 하나입니다. Axios를 이용하면 간단하게 HTTP 요청을 보내고 응답을 받아올 수 있습니다.
이번에는 Vue.js에서 Axios를 이용해 데이터를 수신하고, 콜백 함수를 구현하는 방법에 대해 알아보겠습니다. Axios 설치 먼저 Axios를 사용하기 위해서는 라이브러리를 설치해야 합니다. npm을 이용해 아래의 명령어를 실행하여 설치합니다. npm install axios Axios를 이용한 데이터 수신 Axios를 이용해 데이터를 수신하려면 axios.get() 메소드를 사용합니다.
아래는 간단한 예제 코드입니다. import axios from 'axios'; export default { data() { return { users: [] } }, mounted() ...
![[ Vue.js ] Axios를 이용한 데이터 수신 및 콜백 함수 구현 방법](https://mblogthumb-phinf.pstatic.net/MjAyMzAyMjNfMjY1/MDAxNjc3MTI3OTE1MDI1.Pq8gvIwFQZkN8Q-AtehFDSuw408uEoqZKzOyMDuADw0g.4f8GrO3XjrAwWL899itHrrQNAGw-EYxwJjaSFFOxw4Qg.PNG.twilight_teatime/Vue.js_Logo_2.svg.png?type=w2){kind=logo}
#
Axios
#
callback
#
HTTP
#
Vue
#
데이터수신
#
콜백함수
![[개념공부] 데이터베이스의 인덱스 ( index ) [ 오라클 데이터모델 ]](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
![[ API ] 도로명주소 오픈 API를 활용하여 도로명주소 검색기능, JSP로 구현하기.](https://mblogthumb-phinf.pstatic.net/MjAxODAxMjZfMTc4/MDAxNTE2OTUwNzg2ODA2.co5JOnTQCELDBCJFDvcp0ZPzTQIj3J0FRU6uSERaIuog.MCGQjdhXRoHs9IjD6Z8p3vIb43FX2onazdNAuV7jpNYg.PNG.twilight_teatime/API1.png?type=w2)
![[ Java ] Jsoup을 이용하여 웹 크롤링하기. _ 판매 목록의 가격정보 수집하기 ( 소스코드 )](https://mblogthumb-phinf.pstatic.net/MjAxODAyMjRfNzcg/MDAxNTE5NDcyMjM2MTkw.2Q4M09zqWtaPPxFN6oV76tt6nwYdV3lyaG05yb9FxN0g.ri3uIFXfRiDzLP_Gjk5cMsG6ebYI17IHC87Nor_ti38g.PNG.twilight_teatime/1.png?type=w2)
![[ 노비루 ] 셰프아빠의 만능 맛간장, 요리하기 좋은 많이 달지 않은 맛간장 추천.](https://mblogthumb-phinf.pstatic.net/MjAyMjExMjBfMTk1/MDAxNjY4OTQxOTQxOTYz.gxA86n6c-PUdppehbfekfHynwVlFKuo-d7LcESF9FJcg.jvY7dt2mC3ECNuPLWzNxvkhqHT-4iHNyVLrwd5ytLTcg.JPEG.twilight_teatime/%BC%CE%C7%C1%BE%C6%BA%FC_%B8%B8%B4%C9_%B8%C0%B0%A3%C0%E5_%BF%E4%B8%AE%C7%CF%B1%E2_%C1%C1%C0%BA_%B0%A3%C0%E5%BC%D2%BD%BA%2C_%B0%A3%C0%E5%B0%E8%B6%F5%B9%E4_%BC%D2%BD%BA9.jpg?type=w2)