vue3非同期

vue3のmethodsの中で非同期処理する
別の参考

vue3のmethodsの中で非同期処理する

jsの非同期はいつも苦労する。

結局これが一番役立った

I'm new in ES7 I want to use async/await in Vue.js Here is my code created (){ this.getA() console.log(2) this.getB() }, methods : { getA ()...

コツ

methods: {} の中にて、

axios.get()を含む全体をreturn new Promise(resolve => {})の中に閉じ込め、Promiseを返すようにする。

それをawaitで受ける。

それを覆う関数にasyncを付ける。

  methods: {
    async getLinks() {
      // この２つを順番通りにしたい
      await this.getAnswer()
      this.getWait()
    },
    getWait: () => {
      console.log('--wait a minitues.')
    },
    getAnswer(){
      return new Promise(resolve => {
          axios.get('https://qiita.com/api/v2/items', { params })
          .then(function (response) {
            console.log('--We got items')
            resolve('resolved')
          })
          .catch(function (error) {
            resolve('rejected')
          })
          .finally(function () {
            '';
          })
      })
    },
  }