2016-05-19 20 views
1

Vue.jsJQueryは100%互換ですか? Vue.jsJQueryUIはどうですか?VueとJQueryの互換性

私はしばらくの間一緒に作業していましたが、統合に関する問題はありませんでした。誰が問題が起きるかを誰かが示すことができますか?

+0

100%ではありません。 jqueryキャッシュに問題があります。 $ .data()関数は、DOMの変更時に何らかの形で古いデータを返します。 – moh

答えて

1

はい、VueはjQueryでうまくいきます。

official documentationには、例としてjQueryプラグインの統合が含まれています。

+0

ありがとうございます。私はエヴァンがここでVueのドキュメントでJQueryを使用していることを知っていました:http://vuejs.org/guide/transitions.html#JavaScript-Transitionsしかし、これは完全な例です。「私が使用するたびに指示をする必要がありますか? JQueryプラグインを使用するか、それ以外の場合は不具合が発生しますか?私はJQuery/Vueの互換性を支配するいくつかのルール(もしあれば)を見たいと思っています。 – user3089840

+0

@ user3089840 VueがjQueryのプラグインや動作について知っていて、管理しなければならないときに、ディレクティブを使用したいと思うでしょう。 – ceejayoz

1

@mohが言ったように、Vue.jsで要素のオーダーを再生すると、jQueryの要素が壊れてしまいます。

私はcodepenを作った。このデモのアイデアは、データを "ノードを逆にする"ように逆転させ、 "データ" jQueryのメソッドを使用することです。

2つの予約の後、次のコードは期待値を返しません。

$item.data('item') 

"item"が$ itemの場合、 "c2"が表示されます。