Vue.js 2のカスタムディレクティブで双方向バインディングを行う方法は？

Question

こんにちは私はVue.js 2のバインディングの解決策を探しています。答えはhereですが、これはVue.js 1にあります。私はVue.js 1で作業しようとしましたが、うまくいかなかった。誰でも私をここで助けることができますか？

なぜ私はそれが欲しいですか？ A - 私はcontenteditable divとspanタグ内にv-htmlの変数を示しています。しかし、何らかの編集が行われたときに呼び出す関数が必要です。 @changeと@keyupはvuejs 1のスパンでは動作しません。そこで私はカスタムディレクティブに移動しました。

Answer 1

vue2.0でこれをサポートするには、フォーラムhereでEvan Youが提案したように、コンポーネントにこれらの機能を追加し、複数のコンポーネントで同じ機能を再利用することができます。

ロジックはコンポーネント内で処理する必要があります。 2.0では、v-modelはコンポーネントで動作することができます。 https://github.com/vuejs/vue/blob/next/examples/select2/index.html

複数のコンポーネントで同じロジックを再利用したい場合は、それを共有ミックスインに抽出することができます。