Ich verwende derzeit Vue.JS 2.0 und möchte das Modell von einer Vue-Instanz aus über eine benutzerdefinierte Direktive aktualisieren, aber ich bin auf der Suche nach einem guten Weg, dies zu tun, weil ich versuche, eine benutzerdefinierte Direktive zu erstellen, die JQueryUI-Datepicker implementiert Code ist der folgende:

<input type="text" v-datepicker="app.date" readonly="readonly"/>

Vue.directive('datepicker', {
  bind: function (el, binding) {
    $(el).datepicker({
      onSelect: function (date) {
        //this is executed every time i choose an date from datepicker
        //pop.app.date = date; //this work find but is not dynamic to parent and is very dirty
        Vue.set(pop, binding.expression, date); //this should work but nop
      }
    });
  },
  update: function (el, binding) {
    $(el).datepicker('setDate', binding.value);
  }
});

var pop = new Vue({
    el: '#popApp',
    data: {
        app: {
            date: ''
        }
    }
});

Jemand weiß, wie man pop.app.date auf dynamische Weise aus der Direktive heraus aktualisiert. Ich weiß, dass binding.expression in diesem Beispiel app.date und date das aktuelle Datum ausgeben, das im Datepicker ausgewählt wurde, aber ich weiß nicht, wie man das aktualisiert Modell aus der Direktive