Vue.js 비동기 처리 await

await 는 자바스크립트에서 비동기 작업을 처리할 때 사용된다. 

async 함수내에서 사용되며 비동기 작업이 완료할때까지 함수의 실행을 일시적으로 중단한다.

동기식 처리 : 순차적 처리, 서버 Request 시 Response를 받아야지 다음단계로 진행가능

비동기식 처리 : 비순차적 처리, 작업의 완료여부와 관계없이 다른 작업을 실행할 수 있다.

 

예시: 

method:{

     async testFunction(){

       try{

          const response = await fetch("https://testpage.com/data");

          const data = await response.json()

           this.tempDataResult = data

     }catch(error){

          console.log("에러에러에러에러에러")

    }

};

 

예시 response와 data의 해당 작업이 완료될때까지 기다려(await) 완료된 데이터를 tempDataResult에 input시킨다.