Separate on open event handling for each vue component

[danmash]

I want to separate onopen events for each vue component. Now I see alerts with 1 and 2 two times.
Is there a way to avoid this duplication?

Vue.use(VueNativeSock.default, wsPath, {
  reconnection: true,
  reconnectionAttempts: 5,
  reconnectionDelay: 3000,
  format: 'json',
});

var app1 = new Vue({
  created: function () {
    var vm = this;
    this.$options.sockets.onmessage = function (message) {
      vm.listen(message);
    };
    this.$options.sockets.onopen = function () {
      alert(1);
    }
  }
});

var app1 = new Vue({
  created: function () {
    var vm = this;
    this.$options.sockets.onmessage = function (message) {
      vm.listen(message);
    };
    this.$options.sockets.onopen = function () {
      alert(2);
    }
  }
});

[ilyavaiser]

Why this closed?

[danmash]

can't reproduce