2016-05-19 14 views
1

Sind Vue.js und JQuery 100% kompatibel? Wie wäre es mit Vue.js und JQueryUI?Vue und JQuery Kompatibilität

Ich habe mit beiden für eine Weile gearbeitet und ich hatte kein Problem mit der Integration. Kann jemand zeigen, wo es ein Problem geben würde?

+0

Nicht 100%. Es gibt Probleme mit dem jquery-Cache. Irgendwie gibt die Funktion $ .data() veraltete Daten zurück, wenn sich das DOM ändert. – moh

Antwort

1

Ja, Vue spielt gut mit jQuery.

Die official documentation enthält in der Tat die Integration von jQuery-Plugins als Beispiel.

+0

Vielen Dank für dieses Beispiel. Ich wusste, dass Evan JQuery in den Vue-Dokumenten hier verwendet: http://vuejs.org/guide/transitions.html#JavaScript-Transitions, aber es ist ein perfektes Beispiel für "muss ich jedes Mal eine Direktive machen, wenn ich es benutzen will ein JQuery-Plugin, oder werden die Sachen kaputt gehen? " Ich würde gerne einige Regeln (falls vorhanden) sehen, die die JQuery/Vue-Kompatibilität regeln. – user3089840

+0

@ user3089840 Sie sollten eine Direktive verwenden, wenn Vue das jQuery-Plugin oder Verhalten kennen und/oder verwalten soll. – ceejayoz

1

Wie @moh sagte, bricht das Spielen mit der Element-Reihenfolge mit Vue.js einige Sachen für jQuery.

Ich machte eine codepen. Die Idee der Demo besteht darin, Daten in "reverse nodes" umzukehren und "data" jQuery's Methode zu verwenden.

Nach 2 Reserven gibt der folgende Code nicht den erwarteten Wert zurück.

$item.data('item') 

Für "c1" als $ item erhalten Sie "c2".