From fa828a0d0aac30822fb55aba7d8c6caace58eeae Mon Sep 17 00:00:00 2001 From: Naoki Endoh Date: Fri, 23 Apr 2021 19:25:39 +0900 Subject: [PATCH 1/6] docs: reword Vue instance/application parameters mentions https://github.com/vuejs/docs-next/commit/3f66e8021745ccab7663e30f185e5650fe7aa307#diff-9c31097fc6ae839e3f0fa75210e6747839489d1e7d92491ee6f803fc2d938d6b --- src/guide/template-syntax.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/guide/template-syntax.md b/src/guide/template-syntax.md index c955167d..9a69205a 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 操作を適用します @@ -73,7 +73,7 @@ Mustache は、HTML 属性の内部で使用することはできません。代
``` -これらの式は、Vue インスタンスが所有するデータスコープ内で JavaScript として評価されます。制限として、それぞれのバインディングは、**単一の式**だけ含むことができるというものです。なので、以下は動作**しません**: +これらの式は、現在のアクティブなインスタンスのデータスコープ内で JavaScript として評価されます。制限として、それぞれのバインディングは、**単一の式**だけ含むことができるというものです。なので、以下は動作**しません**: ```html @@ -122,7 +122,7 @@ Mustache は、HTML 属性の内部で使用することはできません。代 ... ``` -ここで `attributeName` は JavaScript 式として動的に評価され、その評価結果が引数の最終的な値として使われます。例えば、Vue インスタンスが `"href"` という値の `attributeName` という data プロパティをもつ場合、このバインディングは `v-bind:href` と等しくなります。 +ここで `attributeName` は JavaScript 式として動的に評価され、その評価結果が引数の最終的な値として使われます。例えば、アプリケーションインスタンスが `"href"` という値の `attributeName` という data プロパティをもつ場合、このバインディングは `v-bind:href` と等しくなります。 同様に、動的なイベント名にハンドラをバインドするために動的引数を使うこともできます: From b00cb69a11c52003ffd00976f766329c847a1167 Mon Sep 17 00:00:00 2001 From: Naoki Endoh Date: Fri, 23 Apr 2021 19:39:18 +0900 Subject: [PATCH 2/6] fix: change 'application' to 'component' in template-syntax.md https://github.com/vuejs/docs-next/commit/ab4fac3c611fd3fa21caf3d3110a0ed84338952c#diff-9c31097fc6ae839e3f0fa75210e6747839489d1e7d92491ee6f803fc2d938d6b --- src/guide/template-syntax.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/guide/template-syntax.md b/src/guide/template-syntax.md index 9a69205a..13fab42b 100644 --- a/src/guide/template-syntax.md +++ b/src/guide/template-syntax.md @@ -1,6 +1,6 @@ # テンプレート構文 -Vue.js では HTML ベースのテンプレート構文を使っているので、アプリケーションインスタンスのデータと描画された 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)を使用することで、データ変更時の更新はおこなわず、一度だけ展開することができます。ただし、同じノードのあらゆる他のバインディングが影響を受けることに注意してください: @@ -122,7 +122,7 @@ Mustache は、HTML 属性の内部で使用することはできません。代 ... ``` -ここで `attributeName` は JavaScript 式として動的に評価され、その評価結果が引数の最終的な値として使われます。例えば、アプリケーションインスタンスが `"href"` という値の `attributeName` という data プロパティをもつ場合、このバインディングは `v-bind:href` と等しくなります。 +ここで `attributeName` は JavaScript 式として動的に評価され、その評価結果が引数の最終的な値として使われます。例えば、コンポーネントインスタンスが `"href"` という値の `attributeName` という data プロパティをもつ場合、このバインディングは `v-bind:href` と等しくなります。 同様に、動的なイベント名にハンドラをバインドするために動的引数を使うこともできます: From 4dcadf24334eecef12998f99ce881680b09d3f3c Mon Sep 17 00:00:00 2001 From: Naoki Endoh Date: Fri, 23 Apr 2021 19:43:18 +0900 Subject: [PATCH 3/6] fix: update broken links https://github.com/vuejs/docs-next/commit/96d64039aa13770ab44f5c5ed46b387439014024#diff-9c31097fc6ae839e3f0fa75210e6747839489d1e7d92491ee6f803fc2d938d6b --- src/guide/template-syntax.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/guide/template-syntax.md b/src/guide/template-syntax.md index 13fab42b..988d28a9 100644 --- a/src/guide/template-syntax.md +++ b/src/guide/template-syntax.md @@ -48,7 +48,7 @@ mustache タグは、対応するコンポーネントインスタンスから ` ### 属性 -Mustache は、HTML 属性の内部で使用することはできません。代わりに、[`v-bind` ディレクティブ](../api/#v-bind)を使用してください: +Mustache は、HTML 属性の内部で使用することはできません。代わりに、[`v-bind` ディレクティブ](../api/directives.html#v-bind)を使用してください: ```html
From 61441d78c15dabe7f61d75aa881d7cf858e61d42 Mon Sep 17 00:00:00 2001 From: skirtle <65301168+skirtles-code@users.noreply.github.com> Date: Sun, 13 Dec 2020 19:25:41 +0000 Subject: [PATCH 4/6] fix: explain how to omit dynamic attributes (#745) --- src/guide/template-syntax.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/guide/template-syntax.md b/src/guide/template-syntax.md index 988d28a9..aa9d7493 100644 --- a/src/guide/template-syntax.md +++ b/src/guide/template-syntax.md @@ -54,13 +54,15 @@ Mustache は、HTML 属性の内部で使用することはできません。代
``` -属性が単に存在していることを `true` と示すといった真偽値属性の場合、`v-bind` は少し異なった働きをします。この例では: +バインドされた値が `null` や `undefined` の場合、その属性はレンダリングされた要素には含まれません。 + +属性が単に存在していることを `true` と示すといった真偽値属性の場合、`v-bind` は少し異なった働きをします。例えば: ```html ``` -`isButtonDisabled` が `null` または `undefined` の場合、`disabled` 属性は描画された `