javascript - 新しいテクノロジーを使用して古い jquery プロジェクトをリファクタリングするにはどうすればよいですか?

Question

vue を使用して、jq で書かれた古いプロジェクトを再構築したいのですが、どうやって始めればよいですか?

Answer 1

jquery只是一个库，而vue是一个框架，决定了用vueリファクタリングとは、その記述方法を使用してプロジェクトを記述する必要があることを意味します。

が核心ですが。 vue和jquery本身并不排斥，我也在vue中使用过jquery，但是也仅限于一些比较特殊的场景。整个项目仍然是以vue

そのため、

を使用して古いプロジェクトを再構築したい場合、HTML部分はあまり変わらないかもしれませんが、ビジネスコードのロジックは基本的に完全にひっくり返して再設計する必要があります。 vue

Answer 2

vue は IE9 以降のブラウザのみをサポートしますが、jQuery は IE6 をサポートできます。ブラウザのバージョン要件があるかどうかに注意してください

Answer 3

同様の単純なフレームワークを実装したことがある場合は、Vue と jQuery の本質的な違いは、UI ロジックを編成する方法の違いにあることがわかります。

jQuery は純粋に元の DOM API の糖衣構文のコレクションですが、Vue は MVVM (MVC ではありません!) の組織形式を通じて [HTML テンプレート] と [UI インタラクション] ロジックの分離を強調するフレームワークです。 MVVM のデータ バインディング構文により、Vue が古いプロジェクトに導入されると、その (実際にはより高度な) コード構成で jQuery が強力に除外されます (つまり、Vue を使用するプロジェクトでは基本的に jQuery を使用する必要がありません)。両方を共存させるのは良い選択ではありません)。

現時点で、あまり過激にならずに効率を向上させるのに役立つ解決策は、[jQuery ヌードル コードの構成構造を最適化できるシンプルな MVC フレームワーク] を導入することです。このフレームワークには、VM フレームワークに付属する構文がありません。対応するロジックは依然として jQuery を使用して実装する必要があります。同時に、このタイプのフレームワークは Vue よりもはるかに軽量です。たとえば、Backbone のサイズはわずか 10k です。古いプロジェクトの最適化ソリューションとして段階的に導入することをお勧めします。

Answer 4

部分的な再構築、部分的なモジュールまたは部分的なプラグインの再構築では、プロジェクトの正常な動作を保証するために、その部分は jQuery替换vue