Vuejs 2.0のカスタムディレクティブjquery-ui datepicker

Question

私はVuejs 1.0で任意のフィールドに日付ピッカー（jquery-ui）を付けたいと思ったときに指示文を持っていました。

datepicker: { 

     bind: function() { 

      var vm = this.vm; 

      var key = this.expression; 

      $(this.el).datepicker({ 

       minDate: vm.$parent.startingDate, 

       dateFormat: 'dd/mm/yy', 

       onSelect: function (date) { 

        vm.$set(key, date); 

       } 

      }); 

     }, 

     update: function (val) { 

      $(this.el).datepicker('setDate', val); 

     } 

    } 

このコードは、指令が大幅に変更されたため、Vuejs 2.0では機能しません。このコンポーネントを作成する前に、Vuejs 2.0でこのようなことをする方法を知りたいと思います。

Answer 1

https://github.com/vuejs/vue/issues/2873ディレクティブインタフェースの変更を確認してください。

ディレクティブにはインスタンスが存在しなくなりました。つまり、この内部ディレクティブフックとバインドがなくなり、updateとunbindがすべてを引数として受け取ります。

vue 2でこれを行う最善の方法は、実際にカスタムコンポーネントを作成することです。