vue.js を選ぶ理由

数週間前、私は JS フレームワークをどのように選択すべきかについて面接官と会話しました。彼は、大手メーカーが独自の秘密のレシピを公開し始めると、どれほど興奮するかを指摘しました。開発者の内なる独り言: 「これらの大企業が書いた JS は私のものとは異なります。彼らは優秀で成功しています。彼らの JS の編成方法は私のものよりも優れています。私はそれを受け入れる必要がありますか?

彼らの秘密兵器は素晴らしいはずです。」しかし、他人の情熱を理由にそれが優れていると考えるのではありません。理解する前に StackOverflow からの回答をコピーして貼り付けることはしないはずですが、なぜフレームワークをコピーして貼り付けるのでしょうか?

GitLab で vue を使用することに決めたときのことを思い出します

よりシンプルで使いやすくなりました

私たちが Vue.js に投資した主な理由は、チームが js を書いて使用するのが簡単になり、js が簡素化されることです。 Vue.js を始めるのは非常に簡単です。ソース コードは非常に読みやすいので、ドキュメントを使用するだけですぐに使い始めることができます。追加のライブラリを使用する必要はありません。必要に応じて jQuery を使用できます。利用可能なプラグインは多数ありますが、必須ではありません。個人的にはエレガントな Vue.js が好きです。既存のコードで Vue.js を使用するのは非常に簡単です。 Vue.js は神秘的なものではなく、その最下層は単なるオブジェクトです。

多くの JS 開発者と議論した結果、興味深い現象を発見しました。Angular にほとんどの時間を費やしている開発者は、JS を深く理解していません。私と私のパートナーにこのようなことが起こってほしくない。なぜ「non-js」と書くのでしょうか?

これは、Backbone を使用したときの状況を思い出させます。これは白紙の紙であるため、できる限り DRY に保つ必要があります。あなたが書き込むために。 Vue.js は他のことはあまり行わず、データだけに焦点を当てます。

しかし、Vue.js は、やらなければならないことと、Vue.js でできることの完璧なバランスを保っています。 Backbone が無政府状態 (誰も責任者がいない) であれば、Angular は独裁者です (Angular チームがすべてを担当します)。 Vue.js は共産主義のようなものだと思います。プロジェクトの責任はあなたにありますが、Vue.js は、より効率的にプログラミングし、DOM の影響を回避できるように、スケーラブルで堅牢かつ弾力性のあるセーフティ ネットを備えています。

私の考えを理解していただくために、コードをクリックしてプレビューをご覧ください

<div id="journal"> 
  <input type="text" v-model="message"> 
  <div>{{message}}</div> 
</div>

var journal = new Vue({ 
  el: '#journal', 
  data: { 
    message: 'Your first entry' 
  } 
});

いくつかの js ライブラリを見たことがあるなら、ドキュメントに頼らずに上記の例のコードを理解することは難しくありません。他のフレームワークでは、ここで少し休憩する必要があることがよくあります。 「入門」レベルの例を実行すると満足感が得られます。しかし、フレームワークに費やした費用に見合った価値を得たい場合、事態は複雑になります。 Vue.js ではこのようなことは起こりません。実際のアプリケーションはドキュメントの例と同じくらい単純です。

Vue.js + GitLab はコードの削減を意味します

それで、これは GitLab のどのような問題を解決しますか? 私が参加したとき、すべてのコードは JQuery で書かれており、それは間違いではありませんでしたが、すべての問題を解決するにはより多くのコードが必要でした。私たちはもっと良くできることを知っています。 Vue.js を使い始めると、より少ないコードで複雑な問題を迅速かつ継続的に解決できるようになりました。

プロジェクトの使用におけるシンプルで実用的な例を挙げると: GitLab Issue では、問題のステータスがクローズドとオープンの間で切り替わります。この値は頻繁に変更する必要があり、多くのビューで使用されます。 JQuery を使用してこの関数を実装するには、約 30 行のコードが必要です。

Vue.js では、必要な js コードは 1 行だけです。追加するもう 1 つのコードは、HTML に追加の属性を追加することです。

Yuxi さんはバンカー フレームワークも作成しましたが、それは単に優れたコードを書くだけではありません。優れたドキュメント、誰もが学習できる強力なコミュニティ、サポート ライブラリによるサポート、ユーザーの問題解決を支援する多数のプラグイン、ユーザー フィードバックに基づいてフレームワークの関連性を確保するフィードバック ループが必要です。 Vue.js は、優れたコードだけではなく、これらすべてを組み合わせたものです。だから私はそれを使っています、あなたはどうですか？