違いvue01 ----仮想DOM、命令、イベント修飾、修飾キー、双方向のデータバインディング、V-IFのとV-ショー
###仮想DOM：
DOMは、ダミー変数メモリー、オブジェクトの構造であります
フロントエンド効率の最適化：最も致命的な問題は、DOM操作を最小限に抑え、DOM操作です
効率的なVUE：
1、効率的なDOMをレンダリングする仮想ページ
2、JS①②DOMの操作をレンダリングするインタフェースのデータからデータを取得します
VUEデータ操作を操作するDOMからずれ集中する開発者は、データ変更ページ変更
###説明：
内蔵指示
V-IF
V-ショー
----イベントV-上のバインド
構文：V-上：イベント名=「イベント機能」
V-上：クリック=「イベント機能」
速記：イベントの名前@（必要な質量の参加（）、これを使用すると、データ内のデータにアクセスすることができ、イベントの時間パラメータ（）関数の増加を渡す必要はありません。this.msg = 1907）
Eventオブジェクト：（$イベント）
あなたは、イベントオブジェクトが必要な場合は、ちょうど$イベントを渡す機能を与えます。
@をクリックして=「はclickHandler（$イベント）」過去に渡された電子イベントオブジェクトは、デフォルトのパラメータは、デフォルトパラメーターには、電子で、イベントオブジェクトパラメータが渡されていないで、他のパラメータが存在する場合、$イベントによって手動で転送する必要が。
で、テスト
データデータの値、ヌル、および未定義の缶が表示されない、それは三元発現を決定することができます
1、データ解析データ
2は、JS式を解決することができます
基礎となる原則：のinnerText
略語を使用する：{} {}内挿----
V-HTML
データのデータ値で
1、データ解析データ
2は、JS式を解決することができます
基礎となる原則：innerHTMLプロパティ
V-htmlとV-テキストと同じで、V-htmlのHTMLタグが解析することができることを除いて、
V-バインド
要素のプロパティへのバインド
構文：V-バインド：=属性値属性
速記:: =属性値属性
V-バインド・バインディング・クラス：
MYCLASS： "BOX1のBOX2"
MYCLASS：[ "BOX1"、 "BOX2"]
私のクラス：{
BOX1：真、
BOX2：真
}
V-用
反復するために、オブジェクト、文字列、数値、......
キー=「インデックス」：メッセージが波線、プラスを警告した場合
で、
{} {}は解決されません
V-マント
[V-クロック]：{表示：なし;} vue.js来るディスプレイ、パターンを書き込む必要がロードされていない場合、{{}}を防止
Vワンス
データ値は、一度に解析しました
カスタムコマンド
カスタムコマンドのオートフォーカスの作成：
Vue.directive（ "フォーカス"、{
{（EL）を挿入
el.focus（）
}
}）
###イベント修飾子：
ストップストップバブリング@ contextmenu.prevent =「」----右デフォルトイベントを防ぎます
唯一、自分の自己のために有効
ブラウザのデフォルトのイベントを防ぐために予防
@ keydown.enter = "downClick" ---- Enterキーを押しますEnterキーを押すと入力したときに、イベントがトリガされ
コマンド修飾子修飾子：イベントは、構文一度バインドされた後。
キャプチャキャプチャはキャンセル
###キーモディファイ:(高効率化）
@ keyup.enter ----プレスを入力すると、ボタンのリフトトリガーを入力してください
ESC ESC @ keyup.esc ----プレストリガーボタンリフト
@ keyup.left ----プレス左トリガーボタンリフトを残しました
場合は、右@ keyup.right ----プレス右トリガーボタンリフト
アップ
ダウン
タブ
削除
スペース
結合###双方向データ
Vモデル----フォーム要素値データとデータバインディング
### Q：
1、V-IFおよびV-ショーの違い：
根本的なコントロールを作成し、要素を破壊された場合①v-、V-showが表示属性の操作要素です。コストがログインとログアウトの状態によって判断すると、大きくなるために、それは仮想DOM DOMを操作しない場合は、V-、運転中VUEあります。
②v-場合とV-ELSE-場合に使用され、V-他。
シーン：V-場合は許可が時間をチェックします
タブの一部に似たV-ショーのプレゼンテーションページ、
###仮想DOM：
DOMは、ダミー変数メモリー、オブジェクトの構造であります
フロントエンド効率の最適化：最も致命的な問題は、DOM操作を最小限に抑え、DOM操作です
効率的なVUE：
1、効率的なDOMをレンダリングする仮想ページ
2、JS①②DOMの操作をレンダリングするインタフェースのデータからデータを取得します
VUEデータ操作を操作するDOMからずれ集中する開発者は、データ変更ページ変更
###説明：
内蔵指示
V-IF
V-ショー
----イベントV-上のバインド
構文：V-上：イベント名=「イベント機能」
V-上：クリック=「イベント機能」
速記：イベントの名前@（必要な質量の参加（）、これを使用すると、データ内のデータにアクセスすることができ、イベントの時間パラメータ（）関数の増加を渡す必要はありません。this.msg = 1907）
Eventオブジェクト：（$イベント）
あなたは、イベントオブジェクトが必要な場合は、ちょうど$イベントを渡す機能を与えます。
@をクリックして=「はclickHandler（$イベント）」過去に渡された電子イベントオブジェクトは、デフォルトのパラメータは、デフォルトパラメーターには、電子で、イベントオブジェクトパラメータが渡されていないで、他のパラメータが存在する場合、$イベントによって手動で転送する必要が。
で、テスト
データデータの値、ヌル、および未定義の缶が表示されない、それは三元発現を決定することができます
1、データ解析データ
2は、JS式を解決することができます
基礎となる原則：のinnerText
略語を使用する：{} {}内挿----
V-HTML
データのデータ値で
1、データ解析データ
2は、JS式を解決することができます
基礎となる原則：innerHTMLプロパティ
V-htmlとV-テキストと同じで、V-htmlのHTMLタグが解析することができることを除いて、
V-バインド
要素のプロパティへのバインド
構文：V-バインド：=属性値属性
速記:: =属性値属性
V-バインド・バインディング・クラス：
MYCLASS： "BOX1のBOX2"
MYCLASS：[ "BOX1"、 "BOX2"]
私のクラス：{
BOX1：真、
BOX2：真
}
V-用
反復するために、オブジェクト、文字列、数値、......
キー=「インデックス」：メッセージが波線、プラスを警告した場合
で、
{} {}は解決されません
V-マント
[V-クロック]：{表示：なし;} vue.js来るディスプレイ、パターンを書き込む必要がロードされていない場合、{{}}を防止
Vワンス
データ値は、一度に解析しました
カスタムコマンド
カスタムコマンドのオートフォーカスの作成：
Vue.directive（ "フォーカス"、{
{（EL）を挿入
el.focus（）
}
}）
###イベント修飾子：
ストップストップバブリング@ contextmenu.prevent =「」----右デフォルトイベントを防ぎます
唯一、自分の自己のために有効
ブラウザのデフォルトのイベントを防ぐために予防
@ keydown.enter = "downClick" ---- Enterキーを押しますEnterキーを押すと入力したときに、イベントがトリガされ
コマンド修飾子修飾子：イベントは、構文一度バインドされた後。
キャプチャキャプチャはキャンセル
###キーモディファイ:(高効率化）
@ keyup.enter ----プレスを入力すると、ボタンのリフトトリガーを入力してください
ESC ESC @ keyup.esc ----プレストリガーボタンリフト
@ keyup.left ----プレス左トリガーボタンリフトを残しました
場合は、右@ keyup.right ----プレス右トリガーボタンリフト
アップ
ダウン
タブ
削除
スペース
結合###双方向データ
Vモデル----フォーム要素値データとデータバインディング
### Q：
1、V-IFおよびV-ショーの違い：
根本的なコントロールを作成し、要素を破壊された場合①v-、V-showが表示属性の操作要素です。コストがログインとログアウトの状態によって判断すると、大きくなるために、それは仮想DOM DOMを操作しない場合は、V-、運転中VUEあります。
②v-場合とV-ELSE-場合に使用され、V-他。
シーン：V-場合は許可が時間をチェックします
タブの一部に似たV-ショーのプレゼンテーションページ、