diff --git a/src/guide/template-syntax.md b/src/guide/template-syntax.md index c955167d..d08529d8 100644 --- a/src/guide/template-syntax.md +++ b/src/guide/template-syntax.md @@ -1,6 +1,6 @@ # テンプレート構文 -Vue.js では HTML ベースのテンプレート構文を使っているので、Vue インスタンスのデータと描画された DOM を宣言的に対応させることができます。全ての Vue.js テンプレートは、仕様に準拠しているブラウザや HTML パーサによってパースできる有効な HTML です。 +Vue.js では HTML ベースのテンプレート構文を使っているので、コンポーネントインスタンスのデータと描画された DOM を宣言的に対応させることができます。全ての Vue.js テンプレートは、仕様に準拠しているブラウザや HTML パーサによってパースできる有効な HTML です。 内部では、Vue はテンプレートを仮想 (Virtual) DOM の描画 (render) 関数にコンパイルします。リアクティブシステムと組み合わせて、Vue は再描画に必要なコンポーネントをインテリジェントに把握でき、アプリケーションの状態が変わった時に最低限の DOM 操作を適用します @@ -16,7 +16,7 @@ Vue.js では HTML ベースのテンプレート構文を使っているので Message: {{ msg }} ``` -mustache タグは、対応するオブジェクトの `msg` プロパティの値に置き換えられます。また、`msg` プロパティが変更される時、それに応じて更新されます。 +mustache タグは、対応するコンポーネントインスタンスから `msg` プロパティの値に置き換えられます。また、`msg` プロパティが変更される時、それに応じて更新されます。 [v-once ディレクティブ](../api/directives.html#v-once)を使用することで、データ変更時の更新はおこなわず、一度だけ展開することができます。ただし、同じノードのあらゆる他のバインディングが影響を受けることに注意してください: @@ -48,32 +48,37 @@ mustache タグは、対応するオブジェクトの `msg` プロパティの ### 属性 -Mustache は、HTML 属性の内部で使用することはできません。代わりに、[`v-bind` ディレクティブ](../api/#v-bind)を使用してください: +Mustache は、HTML 属性の内部で使用することはできません。代わりに、[`v-bind` ディレクティブ](../api/directives.html#v-bind)を使用してください: ```html
``` -属性が単に存在していることを `true` と示すといった真偽値属性の場合、`v-bind` は少し異なった働きをします。この例では: +バインドされた値が `null` や `undefined` の場合、その属性はレンダリングされた要素には含まれません。 + +属性が単に存在していることを `true` と示すといった真偽値属性の場合、`v-bind` は少し異なった働きをします。例えば: ```html ``` -`isButtonDisabled` が `null` または `undefined` の場合、`disabled` 属性は描画された `