Vue.config.errorHandler and errorCaptured should capture rejected promised in watchers

[xiangnanscu]

Version

2.6.6

Reproduction link

Vue.config.errorHandler: https://jsfiddle.net/0aeufxmr/5/
errorCaptured option: https://jsfiddle.net/shenron/kbuymoz0/

Steps to reproduce

Just click click1 and click2 you will see the difference

What is expected?

when clicking click1, the message should be error response

What is actually happening?

message not changed

[xiangnanscu]

this is code:

<template>
<div id="app">
<button @click="changeTrigger1">click1</button>
<button @click="changeTrigger2">click1</button>
  <p>{{ message }}</p>
</div>
</template>

<script>
Vue.use(VueResource)

Vue.config.errorHandler = function (err, vm, info) {
  console.log('error catched',err)
  vm.message = err
}

new Vue({
  el: '#app',
  data: {
    trigger1: '',
    trigger2: '',
    message: 'Hello Vue.js!'
  },
  watch: {
     async trigger1(v) {
    	await this.fetchData()
    },
    async trigger2(v) {
    	try{
      	await this.fetchData()
      } catch (err) {
      	this.message = err
      }
    },
  },
  methods: {
    async fetchData() {
      await this.$http.get('/foooooooo')
    },
    changeTrigger1() {
    	this.trigger1 = Math.random()
    },
    changeTrigger2() {
    	this.trigger2 = Math.random()
    }
}
})
</script>

[KancerEzeroglu]

Hi @posva, is somebody working on this issue? If not, I would like to work on it.

[posva]

This issue has already an open pull request as the label suggests