1.Vue一般的なコマンド
1）V：テキスト：更新要素のTextContent
2）V-HTML：更新要素のinnerHTML
3）V-場合：trueの場合、タグが現在のページに出力されます
4）V-ELSE：falseの場合、現在のラベルがページに出力されます
5）V-ショー：表示が表示スタイル/非表示を制御することによって制御されます
6）V-用：反復/オブジェクト（最終的にリストで表示）
7）V-上：バインドイベントリスナー、通常と略します@
8）V-結合：結合力解析式は、V-バインド省略と略記することができます。
9）Vモデル：双方向のデータバインディング
10）参照：オブジェクトへのアクセスによって、このプロパティを一意の識別子、VUE要素オブジェクトを指定します$ ELS
11）V-マント：CSSを装着防止フラッシュ、[V-マント] {表示：なし}
2.test016.html
<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<METAのcharset = "UTF-8">
<タイトル>タイトル</ TITLE>
<スタイル>
/ *表示は、次のV-マントのラベルに一致する前に* /
/ * [V-クローク]スタイルのセレクタ属性* /
[V-マント] {
表示：なし;
}
</スタイル>
</ head>
<body>
<！ -
一般的に埋め込まれた命令
1）V：テキスト：更新要素のTextContent
2）V-HTML：更新要素のinnerHTML
3）V-IF：trueの場合、タグの意志出力ページに現在の
4）V-ELSE：偽、現在のページのタグ意志出力する場合は
5 ）V-ショー：ディスプレイが表示スタイル/非表示制御することによって制御される
6）V-用：トラバース配列/オブジェクト（表示による最終リスト）
7）V-ON：通常@と略記バインドイベントリスナー、
8）Vバインド：：拘束力解析式はと略記、V-バインドを省略することができる
。9）V-モデル：結合双方向のデータ
オブジェクトへのアクセスによって、このプロパティを一意の識別子、VUE要素オブジェクトを指定$ ELS：10）REFを
11）V-マントは：CSSと、フラッシュを防ぐ; [V-マント] {表示：なし}
- >
<DIV ID = "例">
も<P REF = "コンテンツ">ウーナイ長山主人公！ </ P>
<ボタンをクリックします@ = "ヒント">ヒント</ボタン>
<P V-クローク> {{MSG}} </ P>
</ div>
<スクリプトタイプ= "テキスト/ JavaScriptを" SRC = "。 ./js/vue.js "> </ SCRIPT>
<スクリプトタイプ="テキスト/ JavaScriptを「>
新しい新しいヴュー（{
EL： '例＃'、
データ：{
MSG： '趙'、
}、
メソッド：{
ヒント（ ）{
の// $レフリー複数
の警告（これます$ refs.content。TextContent）
}
}
}）
</ SCRIPT>
</ body>
</ HTML>
================================================== ========================
3.カスタマイズコマンド
指示が埋め込まれている、あなたも？カスタムコマンドを必要とする理由
組み込みコマンドは、すべてのニーズを満たすことができないので、多重化率が特に高い場合に指示を使用して
1.test016（2）の.html
<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<METAのcharset = "UTF-8">
<タイトル>タイトル</ TITLE>
<ヘッド/>
<BODY>
<！ -
1.グローバル命令レジスタ（すべてに適用可能でヴューオブジェクト）
// 'マイ指令'命令名
Vue.directive（ 'マイ指令'、関数（EL、バインディング）{
el.innerHTML = binding.value.toupperCase（）
}）
2 （ローカル命令を登録し、特定のヴュー用）
{：ディレクティブ
'マイ指令'：{
バインド（EL、バインディング）{
el.innerHTML = binding.value.toupperCase（）
}
}
}
3。使用法命令
V-マイ-指令= 'XXX'
- >
<！ -
需要：カスタム2つの命令
1.関数v-テキストを入力しますが、すべて大文字のテキスト・アッパー-Vに変換する
V-テキスト2.ファンクションタイプが、小文字のテキスト・低-Vに変換
- >
<divのID = "TEST1">
<P V-アッパーテキスト= "MSG1"> </ P>
<P V -低級テキスト= "MSG1"> </ P>
</ div>
<DIV ID = "TEST2">
<アッパーP-V-テキスト= "MSG2"> </ P>
<P V -低級テキスト= "MSG2"> </ P>
</ div>
<スクリプトタイプ= "テキスト/ JavaScriptを" SRC =」.. /js/vue.js「> </ SCRIPT>
<スクリプトタイプ=」テキスト/ JavaScriptを「>
の//定義グローバル命令
//エル：コマンドタグが画像上にある属性
//バインディング：命令はデータに関する情報が含まれているオブジェクト
のVueを.directive（「上部のテキスト」関数（ EL、結合）{
にconsole.log（EL、結合）
el.textContent = binding.value.toUpperCase（）
}）
Vueの新しい新しい（{
EL： '＃test1に'
データ：{
MSG1： 'CHANGE !!!のメイク'
}、
ディレクティブ：{ //登録するローカル命令 test1の範囲VMの現在の管理でのみ有効、
//（通常のプロパティ文字列名）低テキストプロパティ名がそう書き換えなければならない理由「は低級テキスト」、それは文字が含まれているため-
「低級テキスト」：関数（EL、バインディング）{
el.textContent = binding.value.toLowerCase（）
}
}
}）
新しい新しいヴュー（{
EL： '＃のtest2は'、
データ：{
MSG2： 'ちょうどそれを行う!!!'
}、
}）
</ SCRIPT>
</ BODY>
</ HTML>
2.ページのスクリーンショット
多く!!!