[feature-request] async/await methods in Vue 2.0

Hey, starting with koa on back-end, a lot of stuff are moving to async/await (*/yield for now), what I suggest is adding async/await functions support to methods so it’s allowed to do like:

import DBService from './db'
new Vue({
  el: document.body,
  data: {
    user: {},
    friends: []
  },
  methods: {
    async getUserData () {
      this.user = await DBService.getUser()
      this.friends = await DBService.getFriends(this.user.id)
    }
  }
})

This looks like a cleaner way of doing async stuff to me, what do you think?

P.S. Same can be used for Vuex actions.

[nicolasparada]

And you can’t? I didn’t test it, but I think you can.

Just remember that methods is an object, so it should be:

import DBService from './db'
new Vue({
  el: document.body,
  data: {
    user: {},
    friends: []
  },
  methods: {
    getUserData: async function() {
      this.user = await DBService.getUser()
      this.friends = await DBService.getFriends(this.user.id)
    }
  }
})

Same for actions. It’s mentioned here https://github.com/vuejs/vuex/releases/tag/v2.0.0-rc.1

[nickmessing]

@NicolasParada, btw, my notation is shortand just like:

var a = {
  myFunction () {},
  async myAsyncFunction () {}
}