まず、基本的な文法
1.各Vueのアプリケーションでは、Vueのをインスタンス化することによって実現を必要と
IDのDOM要素である2エルパラメータ、我々は、上記の指定された要素内に以下の変更をすべて、外部の要素が影響を受けないことを意味します
3. データのプロパティを定義します
4. 関数の定義のための方法は、関数が値を返す返されることがあります。
5. {{}}オブジェクトの属性と関数の戻り値を出力します
6.データ属性に加えて、Vueのも有用な方法のいくつかの例を提供し、インスタンスの属性。彼らは、ユーザー定義の属性の面積を区別するために$接頭辞を持っています。
第二に、テンプレートの構文:
1.本文:最も一般的な形態は、データバインディングを使用することである{{...}}(中括弧)補間テキスト
2. HTML:V-HTML HTMLコード出力を使用するための指示
3. [プロパティ:HTML属性値をv-bindコマンドでなければなりません
4.表現:Vue.jsは、JavaScript式のフルサポートを提供します。たとえば、次のようにデジタルプラス、三木、キャラクター逆。
5.コマンド:V-命令など、特殊な性質が付いている:V-IF P(trueまたはfalse)を見た式の値に応じて要素を挿入するかどうかを決定するための命令
6.パラメータ:パラメータは命令の後にコロンを指定します。たとえば:hrefが、パラメータ、バインディング式のurl要素のV-バインドhref属性値を通知するコマンドである。イベントDOMを監視するために使用されるV-の指示、
7.修飾子:する期間に基づいて修飾 特別な方法で拘束されるべき命令を示すために使用される特殊な接尾辞を示しています。例えば、.prevent 改質剤は、指示 イベントトリガコールに対してVオン命令を event.preventDefault() :
8.ユーザの入力:我々は、双方向のデータバインディング指令V-モデルを使用することができ、入力中に入力ボックス。
Vモデルは自動的に、フォーム上の値に応じて、結合双方向のデータを作成する結合要素の値を更新するための指示入力、SELECT、TEXTAREA、チェックボックス、ラジオおよび他の形態の制御素子に使用されます。
イベントボタン我々は、V-上のモニター・イベントを使用して、ユーザー入力に応答することができます。
9.フィルタ:Vue.jsあなたは、フィルタをカスタマイズすることを可能にする一般的なテキストフォーマットとして使用されています。「パイプ記号」は、以下の形式で示されています。
<! - 2つの括弧- > {{メッセージ|生かす}} <! - V-bindコマンド- > < divのV-バインド:ID = "rawId |のformatID" > </ divの>
フィルタ関数は、最初のパラメータの表現値としてとります。例えば:大文字最初の文字を入力する文字列。
直列のフィルター:{{ メッセージ| FILTERA (「ARG1」、ARG2 )}}、メッセージは、二番目の引数は、発現ARG2の値としてパスフィルタ「ARG1」文字列の最初のパラメータでありますそれが評価され、その後、第三のパラメータフィルタとして渡されます。
10.略語:Vue.jsは、特定の略記二つの最も一般的に使用される手順を提供します。
<! - 完全な構文- > < V-バインド:HREF = "URL" > </ A > <! - 略語- > < A :HREF = "URL" > </ A > <! - 完全な構文- > < V-ON:クリック= "doSomethingの" > </ A > <! - 略語- > < @click = "doSomethingの" > </ A >
三つは、条件とループvue.js:
1.分析条件:V-他に、V-場合、V-ELSE-IF、V-ショー
V-IF条件決意命令を使用して、V-場合命令は、p(trueまたはfalse)を見た式の値に応じて要素を挿入するかどうかを決定します
V-場合にV-ELSE命令と「そうでない」ブロックを追加します。
名前が示すように、2.1.0で追加された場合、V-ELSE-、それは他の-IFブロック-IF Vとして使用されています。チェーンを複数回使用することができます。
また、状況に応じて要素を表示するには、V-showコマンドを使用することができます。