SPA開発にjQueryを採用するデメリットはありますか？(Vue.jsと比較して)

jQueryを使用してSPA開発を目指しています(新人研修4人チーム)。
4人ともjQueryの知識は多少あるのですが、Vue.jsの知識はほとんどありません(ルーティング機能があることぐらい)。
もちろんSPA開発にはVue.jsが適していることは知っているのですが、
スケジュール的な問題があり、そのままjQueryでも開発が行えるかが判断が付かない状態になっています。

jQueryで開発する場合
ページごとのルーティングは行わず、
CSSアニメーション(表示、非表示切り替え）を使用して、
SPAを実現しようとしています（ajaxを使用してデータのやり取りも行います)

このような方法でSPAを開発するデメリットを教えてください。

また、学習コストを支払ってでもVue.jsを使用したほうが良いという場合、
そのメリットも教えてください。
よろしくお願い致します。

追記
研修の目的は、アプリ開発を通して、
設計から開発まで実践的な経験を積むことだと伝えられています。
その為、フレームワークやDBなどを決定する裁量も全て研修生側にあります。

この研修が事業内容に今後関わることもありませんので、そういった意味で本当に自由です。

hoshi-takanori

2020/05/10 04:39

実案件であればデメリットしかないと思いますが、研修ならあえて茨の道を行くのもアリかもしれません。もちろん、御社の事業内容や研修の目的にもよりますが。

退会済みユーザー

2020/05/10 04:56

具体的にどのようなデメリットがあるのでしょうか？

hoshi-takanori

2020/05/10 05:20

例えば商品一覧と詳細の画面があって、最初は一覧を表示し、どれかがクリックされたら詳細に切り替えるとして、それぞれの画面では以前表示していた内容をいったん消すか、すべて上書きして新しい内容に書き換える必要があると思いますが、その際に消し忘れや消しすぎが発生する可能性があります。特定の商品だけに表示すべき注意書きが残ってしまうとか。特に実案件であれば、最初は問題なくても、税率変更とか新型ウィルス対応とかで保守コストが増大することが予想されます。これは jQuery の場合、現状の表示内容に基づいて目的の内容に書き換えるという処理になるためで、現状の表示内容のバリエーションが増えるたびに書き換えるコードが複雑化してしまいます。その点、Vue.js (や React など) では、表示したい内容を記述すれば実際の書き換えはフレームワークがやってくれるので、最初の学習コストは上がっても保守コストは抑えることができると期待できます。追記を読みましたが、抽象的でよく分かりません。研修生に裁量を持たせるのであれば、jQuery を使うかどうかも研修生に任せる (あるいはこの質問を研修生にさせるとか) のが良いのでは。