anglarとvueとjqueryの違いを深く分析します。


anglarjs簡単な紹介と特徴
まずangglarはmvcフレームで、mvcを使って結合して、model、control、viewの方式でコードを組織します。一つのhtmlページをいくつかのモジュールに分けて、各モジュールは自分のscope、service、directiveがあります。各モジュールの間でも通信ができますが、全体の構造は比較的明確です。つまり、そのコードはモジュール化されています。angglarのviewは一つのフレームだけかもしれません。viewのdom操作や時間モニターはdirectiveで実現されます。また、普通はdom操作コードを直接書くことが少ないです。もしあなたがmodelを傍受すれば、modelが変化してもviewが変化します。つまり、双方向結合機構です。angglarjsは単一ページ開発に適用されます。
angglarJSでは、テンプレートはHTMLファイルです。しかしHTMLの内容は広がりました。modelからviewにマッピングするのを手伝ってくれる内容がたくさん含まれています。
HTMLテンプレートはブラウザでDOMに解析されます。DOMは次にAnglarJSコンパイラの入力となります。AngullarJSはDOMテンプレートを巡回していくつかの指導を生成します。すなわち、directive(命令)です。すべての命令はviewに対してデータバインディングを設定する責任があります。
auguarJSはテンプレートをStringとして操作しません。アングラーJSを入力するのはstringではなくDOMです。データバインディングはDOM変化であり、文字列の接続やinnerHTML変化ではない。DOMを入力として使用することは、文字列ではなく、AnglarJSが他のフレームと区別する最大の理由である。DOMを使用すると、命令語を拡張して、あなた自身の命令を作成したり、再利用可能なコンポーネントを開発したりすることができます。Anglarの占有メモリは小さいので、主流のブラウザに対応できます。彼は内蔵している依存注入のサブシステムを持っています。開発者が開発しやすく、理解とテストと応用ができます。DIは自分でそれらを探すのではなく、あなたの依頼を許可します。例えば、私たちは一つのものが必要です。DIは作成を担当し、提供してくれます。それならアングラーJSができます。コマンドは、カスタムラベルを作成するために使用できます。これらは元素の装飾やDOM特性の操作に使用できます。
vuejsは簡単に特徴を紹介します。 
公式サイト:http://cn.vuejs.org/
    vueは漸進的なフレームワークで、軽量級のフレームであり、フレームワークとは言えません。彼のコアはレイヤーだけに注目しています。データ駆動のwebインターフェースを構築しています。使いやすく、第三者のライブラリや既存のプロジェクトとの統合にも便利です。複雑なページに対してはプログラムで駆動することもできます。
1.vueの核心
は、簡潔なテンプレート文法を使用して宣言式のデータをdomにレンダリングすることができます。
先に拡張子の名前を付けてファイルを作成します。 
コードは以下の通りです。
html数:  <div id="app"></div>jsの中の

var app = new Vue({

                  el: '#app',
                  data: {
                    msg: 'Hello Vue!'
                    }
                  })
ブラウザのウィンドウに表示される内容:ハローVue
データとDOMはすでに結合されています。応答式かどうかを確認します。コンソールの中のap.msgを修正すると、上のレンダリングが列子で更新されました。
テキスト補間ができます。また、結合DOM要素の属性も使えます。

 <div id="app-2">
          <span v-bind:title="message">
                        !
          </span>
        </div>
jsコード:

  var app2 = new Vue({
            el: '#app-2',
            data: {
              message: '      ' + new Date()
            }
          })
 2.vue指令
コマンドにはプレフィックスvがあります。これはVueが提供する特殊な属性であり、レンダリングされたDOMに特殊な応答式挙動を適用することを示します。v-bind:  v-bind : str = "msg"は、この要素のノードのstr属性とvueインスタンスオブジェクトのmsg属性を一致させる。
v-i f=ブール値  条件レンダリングコマンドは、その後の式のブール値に基づいてこの要素をレンダリングするかどうかを判断します。v-ifは、彼の背後の表現がtrueの要素であることをレンダリングします。
v-show=ブール値はv-i-fと似ていますが、彼の後ろの表現はfalseの要素をレンダリングするだけでなく、このような要素にcssのコードを追加します。style = "display:none"v-elseはv-i f/v-showコマンドが必要となります。そうでなければ機能しません。v-i f/v-showの命令表現がtrueであれば、elseは表示されません。v-i/v-showコマンドの表現がfalseであれば、else要素はページに表示されます。      
v-forはjsの遍歴と似ています。使い方は v-for="(item,index) in imgs" :key="index", itemsです。itemは配列の中の配列要素で、indexはインデックス番号で、keyはより効率的に指定要素を検索するためです。
v-on指定要素を傍受するためのDOMイベントv-on:click="greet"3.Vueの双方向データバインディング
vueJSはES 5を使用して提供されるObject.defineProperty()方法であり、データに対する操作を監視し、自動的にデータをトリガすることができ、また、異なるデータに同期をトリガするので、全てのデータに対して一度の検出を行うのではなく、バインディングされたビューに対して正確に変更することができる。
vueとangglarは、両方ともhtmlにコマンドを追加することにより、ビュー要素とデータのバインディング関係を宣言します。

 <from id= "app">
      <input type="test" v-model="name">
    </from> 
以上のhtmlコードはこのinput元素がnameデータと紐付けされていることを表しています。jsコードでは常にこのように初期化ができます。       

var vm = new Vue({
          el: "#app",
          data:{
            name: "       "
          }
        })
コードが正しく実行されると、ページ上のinput要素の対応する位置に上のコードが与えた初期値が表示されます。「名前を入力してください」という双方向のバインディングデータが確立されていますので、vm.name=「小米」にはinputも小明に更新され、ページinputに小明を入力すると、vm.nameが取得した値は小明となります。
4.vueのプラグイン化
プラグインは通常Vueにグローバル機能を追加します。プラグインの範囲は制限されていません。
グローバルの追加方法や属性vue-elementはよく分かりません。
グローバルリソース命令/フィルタ/遷移を追加します。
vueインスタンスを追加する方法は、彼らをvue-prototypeに追加して実現する。
一つのライブラリを導入して、自分のアプリを提供し、同時に上の一つまたは複数の機能を提供します。
import vueRouter from'vue-router'  //webpackの単一ファイルコンポーネントを使用してパッケージ化する方法は、グローバルコンポーネントまたはvue.com mponentを登録するためにvueを呼び出すことができ、後者の場合は、個々のファイルコンポーネントにvueを導入する必要はありません。
一つのファイルコンポーネントはwebpackで包装された後、生成されたモジュールは一つのコンポーネントオプションオブジェクトにすぎないので、他のコンポーネントやVueのインスタンスに登録されるときはシンタックス飴を使用して、字面量のオブジェクトのコンポーネントオプションオブジェクトだけが必要です。
プラグインを使う:
vue.use(vue Router);グローバルメソッドVue.use()によるプラグインの使用は、同じプラグインの複数回の登録を阻止し、一度だけプラグインを登録することができます。
angglarとjqueryの違い
anglarでは、できるだけDOMを操作しないようにしています。anglarはデータ駆動に基づいて、データ操作が煩雑な項目に適しています。anglarは単一ページの開発に適用されます。テンプレートと双方向データバインディング、ルート、モジュール化、サービス、フィルタ、依存注入などのすべての機能が含まれていますが、angglarの検証機能は弱いです。テンプレートのラベルをたくさん書く必要があります。また、一つしかないので、複数のビューを入れ替えることができません。アングラーの互換性がいいです。  jqueryはDOMを操作することに基づいて、DOMの比較的に多いプロジェクトを操作することに適して、jqueryは1つの倉庫で、比較的に大きくて、大部分のブラウザーに対応して、豊富なプラグインがあって、拡張性は強くて、jqueryは後方互換性ができなくて、プラグインを使う時、衝突があるかもしれません。
angglarとvueの違い
一つのアングラーはmvmフレームであり、vueは漸進的なフレームワークであり、view層に相当し、両方のデータバインディングがあります。  しかし、angglarの中の双方向データバインディングは汚い検査メカニズムに基づいています。Vueの双方向データバインディングはES 5ベースのgetterとsetterによって実現されます。一方、angglarは自分でセットのテンプレートコンパイル規則を実現することができます。単一のページのアプリケーションは、vueのインスタンスを持つことができます。
締め括りをつける
以上は小编で绍介したangglarとvueとjqueryの违いです。皆さんに助けてほしいです。もし何か疑问がありましたら、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。