vue + axios를 사용하여 비동기 / wait in get 요청을 사용하는 방법

vue + axios를 사용하여 비동기 / wait in get 요청을 사용하는 방법

다음 코드를 가지고 있으며, 같은 기능을 실행하는 비동기 / wait를 사용하여 try/catch를 구현하는 방법을 알고 싶습니다.

import Vue from 'vue'
import axios from 'axios'

new Vue({
  el: '#app',
  data: {
    skills: [],
  },
  mounted() {
    axios
      .get('http://localhost:8080/wp-json/api/v1/skills')
      .then(response => {
        this.skills = response
      }).catch(err => (console.log(err)))
  }
})

감사해요!

아래 코드 참조:

var app = new Vue({
  el: '#app',
  async mounted() {
    try{
      let response = await axios.get('http://localhost:8080/wp-json/api/v1/skills')
      this.skills = response
    }catch(err){
      console.log(err)
    }
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<div id="app">
</div>

언급URL : https://stackoverflow.com/questions/50437420/how-to-use-async-await-in-get-request-using-vue-axios