Vue: カスタムディレクティブバインドは、コンポーネントと要素で異なります

ディレクティブは古いコンポーネントで呼び出されているようですが（再利用されているため）、まだ古い属性があります

回避策として、コンポーネントの1つにキーを設定します

@bponomarenko
@posvaが言ったことは、すでにドキュメントでカバーされています。
これを参考にできます。

https://vuejs.org/v2/guide/conditional.html#Controlling -Reusable-Elements-with-key

@ posva @ pistis回答ありがとうございます。 ええ、それは私たちが最終的に回避策として使用したものです、私はチケットでそれを言及しなければなりませんでした。 ただし、 key属性が存在すると、Vue.jsレンダリングの最適化を使用できなくなります。 それを修正してもらうのは素晴らしいことです。

最適化は、ステートレス要素があることに基づいているため、Vueは、要素を再利用しようとするときに、イベントハンドラーまたはローカル状態を正しく管理する必要がありません。 したがって、これはバグではないと思いますが、ユーザーがこれをより簡単に理解できるように、ドキュメントで改善できる可能性があります。

@Justineo最適化自体の背後にある概念を理解しています。 私の状況では、カスタムディレクティブは、 bind要素にstate属性を追加し、 unbindその属性を削除する役割を果たします。 また、コンポーネントがVue.jsによって再利用されると、ディレクティブは完全に追加/削除されます。 ただし、コンポーネントプロパティの更新とディレクティブの初期化の順序は、コンポーネントの有効期間のさまざまな瞬間で異なるため、カスタムディレクティブの開発は困難です。
実際、これらの最適化手法に関する追加のドキュメントが役立つ場合がありますが、一貫性のないディレクティブのライフサイクルイベントは、私の意見では修正すべきバグです。

回避策として、コンポーネントの1つにキーを設定します