Обновить модель из пользовательской директивы VueJS

В настоящее время я использую Vue.JS 2.0, и я хочу обновить модель с одного экземпляра Vue из пользовательской директивы, но им нравится хороший способ сделать это, потому что я пытаюсь создать настраиваемую директиву, реализующую JQueryUI- Datepicker: следующий код:

<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: ''
        }
    }
});

Кто-то знает, как обновить pop.app.date динамическим способом из директивы, я знаю, что возврат binding.expression в этом примере app.date и date возвращает текущую дату, выбранную в datepicker, но я не знаю, как обновить модель из директивы

Ответ 1