custom vue js directive for jquery events

v-jquery-change.js

Vue.directive('jquery-change', {
  twoWay: true,
  bind: function() {
    var self = this;
    $(self.el).on('change', function() {
      self.set(this.value);
    });
  },
  update: function(data) {
    if(data) {
      $(this.el).val(data).trigger('change').trigger('keyup');
    };
  }
});