Vue.js Ajax 호출 이후 데이터 값이 업데이트가 안된다

원인 ajax 콜을 할때 context 가 바뀌면서 vue객체의 컨텍스트를 유지하지 못해서다

 

유지하기 위해서 ajax option에 context : this 를 꼭 넣고 쓰자

 

$.ajax({ url: '/test',

context: this,

success: function(data) {

this.message = "test";

} );