Vue.js에서 Ajax처리를 구현해서 유용하게 사용하여 남긴다. 이번에는 jQuery를 사용하고 있지만, axios등의 XHR플러그인을 변경해도 문제가 없다고 본다. 오히려 jQuery를 사용하지 않는 쪽이 동작 부분에서는 가볍다. 아래 내용은 독자가 Vue.js 공식사이트에서 제공하는 기본적인 사용법을 이해하고 있다는 가정하에 진행한다. 예제 app.js [crayon-5bc6245521ef2417914656/] app.html [crayon-5bc6245521ef9906426394/] 데이터바인딩 vue.js는 data객체의 모든 속성을 프록싱한다. 따라서 data객체값이 변경되었을 때 이를 감지하고 값이 의존하고 있는 부분 전체에 자동으로 업데이트된다. 이번처럼 data객체에 통신상태 및 오류상태를 관리하는 변수를 준비하고 있으면 종료시나 오류시 동기화를 쉽게 구현할 수 있다. 템플릿 구문 vue.js HTML기반 …