-
axios(ajax) 관련 예제VUE.JS 2020. 5. 3. 21:31
Vue에서 권고하는 HTTP 통신 라이브러리는 액시오스(Axios)이다. Promise 기반의 HTTP 통신 라이브러리이며 상대적으로 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘되있고 다양한 기능을 제공한다.
아래 예제 소스를 보면 AJAX와 유사하기 때문에 쉽게 이해가 가능하다.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><div id="app"><button v-on:click="getData">button</button><div>{{users}}</div></div><!-- AXIOS CDN--><script>new Vue({el : '#app',data() {return {users : [],}},methods: {getData : function() {var vm = this;.then(function(response) {console.log(response.data);}).catch(function(response) {console.log(error);})},}});</script></body></html>http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter'VUE.JS' 카테고리의 다른 글
watch 속성 관련 정리 (0) 2020.05.05 데이터 바인딩 및 Computed (0) 2020.05.03 Router 관련 정리 (0) 2020.05.03 emit & props를 이용한 같은 레벨의 component 데이터 통신 (0) 2020.04.30 emit 개념 관련 정리 (0) 2020.04.30