Issue 1:
Version

2.6.11

Reproduction link

https://github.com/vvanpo/minimal-repros/tree/master/vue2

Steps to reproduce

Finding the same problem as posted here: #11035

See the minimal repro:

import Vue from 'vue/dist/vue.common.js'

test('errorHandler should capture promise rejections in watchers', () => {
document.body.innerHTML = '<div id="#app"></div>'

Vue.config.errorHandler = (err) => {
console.log(err.toString())
}

new Vue({
template: `<div />`,
data: () => ({ foo: false, bar: false }),
mounted() {
this.foo = true
this.bar = true
},
watch: {
foo: async () => { throw new Error('foo') },
bar: () => { throw new Error('bar') },
},
}).$mount(document.body.querySelector('#app'))
})

Results in the following:

(node:67048) UnhandledPromiseRejectionWarning: Error: foo
(node:67048) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:67048) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
PASS ./test.js
✓ errorHandler should capture promise rejections in watchers (19 ms)

console.log
Error: bar

at _vueCommon.default.config.errorHandler (test.js:7:13)

Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 1.806 s
Ran all test suites.
✨ Done in 2.71s.

So you can see that it correctly captured the bar watcher's error, but not the promise rejection in foo.

What is expected?

Errors in async watchers can be caught by Vue.config.errorHandler.

What is actually happening?

Promise rejections inside async watchers are not caught by the errorHandler.

I've tested it in Vue 3, and there app.config.errorHandler captures all promise rejections as expected.

Issue 2:
I am using Vue instances on multiple pages, and wanted to start using PJAX, because, well, pjax is pretty awesome. I have changed my $(document).readys to $(document).on('ready pjax:end')s and it indeed instantiates the vue instance and all the modelbindings are working, but the event listeners are not set / not working. Buttons with v-on:click don't work, and @keydown.enter doesn't get triggered either.

The HTML:

.UploadTool is an element that's a bit higher in the DOM

<div class="row" id="images">
<div class="col-sm-3 col-xs-6 push-30 Photo" v-for="file in media" :id="file.id">
<div class="bg-image" style="width: 18vw; height: 18vw; max-height: 25vh; margin: 0 auto; background-image: url('@{{ file.public_url }}');"></div>
{{--style="height: 200px; background-image: url('@{{ file.public_url }}');"></div>--}}

<h3>@{{ file.name }}</h3>

<div class="buttons push-5-t btn-group">
<button @click="setCoverPhoto(file)" data-toggle="tooltip" data-placement="top" title="Set as Cover Photo" class="btn btn-primary btn-xs"><i class="fa fa-star"></i></button>
<button @click="deleteFile(file)" data-toggle="tooltip" data-placement="top" title="Delete Photo" class="btn btn-danger btn-xs"><i class="fa fa-remove"></i></button>
</div>

<label class="css-input switch switch-sm switch-primary pull-right">
Private <input @click="togglePublic(file)" type="checkbox" id="login-remember-me" name="remember" v-model="file.custom_properties.public"><span></span> Public
</label>
</div>
</div>

The JavaScript:

$(document).on('ready pjax:end', function () {
upload_vue = new Vue({
el: '.UploadTool',

data: {
media: [],
event_id: null
},

ready: function () {
this.event_id = meta('event_id');
this.fetchMedia();
},

methods: {
fetchMedia: function () {
this.$http.get('/api/events/' + this.event_id + '/media').then(function (response) {
this.media = response.data;
});
},

setCoverPhoto: function (file) {
this.$http.post('/events/' + this.event_id + '/media/' + file.id + '/cover').then(function () {
$('#cover-photo').css('background-image', "url('" + file.public_url + "')");
swal({
title: 'Cover photo set',
text: 'This image will now be used as the cover photo',
type: 'success'
}, function () {
$('#cover-photo').css('background-image', "url('" + file.public_url + "')");
});
});
},

deleteFile: function (file) {
this.$http.delete('/events/' + this.event_id + '/media/' + file.id).then(function () {
this.media.$remove(file);
});
},

togglePublic: function (file) {
this.$http.post('/events/' + this.event_id + '/media/' + file.id + '/public/' + (!file.custom_properties.public));
},

updateOrder: function () {
var ids = [];
$('#images .Photo').each(function () {
ids.push($(this).attr('id'));
});
this.$http.post('/events/' + this.event_id + '/media/order', {ids: ids});
}
}
});
});

$(document).pjax('a:not(.no-pjax)', 'main.pjax-container');

This is a duplicate of #2375 because I couldn't reopen it.