diff --git a/src/guide/migration/attrs-includes-class-style.md b/src/guide/migration/attrs-includes-class-style.md index 849c4b79..fef228b7 100644 --- a/src/guide/migration/attrs-includes-class-style.md +++ b/src/guide/migration/attrs-includes-class-style.md @@ -56,11 +56,11 @@ export default { ``` -## 移行方針 +## 移行の戦略 `inheritAttrs: false` を使用しているコンポーネントでは、スタイルの適用が意図したとおりに動作することを確認してください。もし以前に `class` や `style` の特別な動作に依存していた場合、これらの属性が別の要素に適用されている可能性があるため、一部の見た目が崩れている可能性があります。 -## 関連情報 +## 参照 - [関連する RFC](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0031-attr-fallthrough.md) - [移行ガイド - `$listeners` の削除](./listeners-removed.md) diff --git a/src/guide/migration/children.md b/src/guide/migration/children.md index a714dc56..13fd84d8 100644 --- a/src/guide/migration/children.md +++ b/src/guide/migration/children.md @@ -9,7 +9,7 @@ badges: インスタンスプロパティの `$children` は、Vue 3.0 から削除され、サポートされなくなりました。 -## 2.x の構文 +## 2.x での構文 2.x では、開発者は `this.$children` を使って、現在のインスタンスの直接の子コンポーネントにアクセスすることができました。 diff --git a/src/guide/migration/custom-directives.md b/src/guide/migration/custom-directives.md index 35a9b3c0..a0d6c3f3 100644 --- a/src/guide/migration/custom-directives.md +++ b/src/guide/migration/custom-directives.md @@ -9,7 +9,7 @@ badges: コンポーネントのライフサイクルに合わせて、ディレクティブのフック関数の名称が変更されました。 -## 2.x の文法 +## 2.x での構文 Vue 2 では、以下のフックを使用して要素のライフサイクルをターゲットにしたカスタムディレクティブが作成していました。これらはすべてオプションです。 @@ -35,7 +35,7 @@ Vue.directive('highlight', { この要素の初期設定では、ディレクティブは値を渡してスタイルをバインドします。値は、アプリケーションにてさまざまな値に更新できます。 -## 3.x の文法 +## 3.x での構文 ただし、Vue 3 では、カスタムディレクティブ用のよりまとまりのある API を作成しました。Vue 2 では、似たようなイベントにフックしているにもかかわらず、コンポーネントのライフサイクルメソッドとは大きく異なります。これらを次のように統合しました。 diff --git a/src/guide/migration/custom-elements-interop.md b/src/guide/migration/custom-elements-interop.md index 606a268e..8a4fe5da 100644 --- a/src/guide/migration/custom-elements-interop.md +++ b/src/guide/migration/custom-elements-interop.md @@ -7,9 +7,9 @@ badges: ## 概要 -- **BREAKING:** タグをカスタム要素として扱うかのチェックは、テンプレートのコンパイル中に実行されるようになりました。そのためランタイム設定ではなくコンパイラオプションで設定する必要があります。 -- **BREAKING:** 特別な `is` プロパティの使用は予約済みの `` タグのみに制限されます。 -- **NEW:** 新しい `v-is` ディレクティブが追加され、ネイティブ HTML のパース制限を回避するためにネイティブ要素で `is` が使用されていた 2.x のユースケースをサポートするようになりました。 +- **破壊的変更:** タグをカスタム要素として扱うかのチェックは、テンプレートのコンパイル中に実行されるようになりました。そのためランタイム設定ではなくコンパイラオプションで設定する必要があります。 +- **破壊的変更:** 特別な `is` プロパティの使用は予約済みの `` タグのみに制限されます。 +- **新規:** 新しい `v-is` ディレクティブが追加され、ネイティブ HTML のパース制限を回避するためにネイティブ要素で `is` が使用されていた 2.x のユースケースをサポートするようになりました。 ## 自主的なカスタム要素 diff --git a/src/guide/migration/data-option.md b/src/guide/migration/data-option.md index 104f7fff..cc283e7a 100644 --- a/src/guide/migration/data-option.md +++ b/src/guide/migration/data-option.md @@ -8,9 +8,9 @@ badges: ## 概要 -- **非互換**: `data` コンポーネントオプション宣言はプレーンな JavaScript `object` を受け入れず、`function` 宣言を期待します。 +- **破壊的変更**: `data` コンポーネントオプション宣言はプレーンな JavaScript `object` を受け入れず、`function` 宣言を期待します。 -- **非互換**: ミックスインや継承で複数の `data` 返り値をマージする場合、マージはディープではなくシャローになりました(ルートレベルのプロパティのみマージされます)。 +- **破壊的変更**: ミックスインや継承で複数の `data` 返り値をマージする場合、マージはディープではなくシャローになりました(ルートレベルのプロパティのみマージされます)。 ## 2.x での構文 diff --git a/src/guide/migration/emits-option.md b/src/guide/migration/emits-option.md index 085ad66c..b9b7744d 100644 --- a/src/guide/migration/emits-option.md +++ b/src/guide/migration/emits-option.md @@ -51,7 +51,7 @@ Vue 2 では、コンポーネントが受け取るプロパティを定義す 詳細については、[この機能の API ドキュメント](../../api/options-data.md#emits)をお読みください。 -## 移行方針 +## 移行の戦略 各コンポーネントから発行されたすべてのイベントを、 `emits` を使って発行することを強くお勧めします。 @@ -88,7 +88,7 @@ export default { 1. `click` イベントを適切に宣言する。これは `` のイベントハンドラに何らかのロジックを実際に追加する場合で役立ちます。 2. `.native` を追加しなくても、親は簡単にネイティブイベントをリッスンできるので、イベントの再発行を削除します。とにかく明らかにイベントを再発行するだけの場合に適しています。 -## 関連情報 +## 参照 - [関連する RFC](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0030-emits-option.md) - [移行ガイド - `.native` 修飾子の削除](./v-on-native-modifier-removed.md) diff --git a/src/guide/migration/filters.md b/src/guide/migration/filters.md index 807ff790..d78a00cc 100644 --- a/src/guide/migration/filters.md +++ b/src/guide/migration/filters.md @@ -69,7 +69,7 @@ badges: ``` -## 移行方法 +## 移行の戦略 フィルタを使う代わりに、算出プロパティか関数に置き換えることを推奨します。 diff --git a/src/guide/migration/functional-components.md b/src/guide/migration/functional-components.md index 660d8fed..41f31d67 100644 --- a/src/guide/migration/functional-components.md +++ b/src/guide/migration/functional-components.md @@ -27,7 +27,7 @@ Vue 2 では、関数型コンポーネントには 2 つの主要なユース その結果、関数型コンポーネントに残った唯一のユースケースは、動的な見出しを作成するためのコンポーネントのようなシンプルなものだけです。それ以外の場合は、通常どおりステートフルコンポーネントを使用することをお勧めします。 -## 2.x のシンタックス +## 2.x での構文 `` コンポーネントを使うと、適切な見出し(つまり `h1`, `h2`, `h3` など)のレンダリングを担当するコンポーネントは 2.x では単一ファイルコンポーネントとして次のように記述できました: @@ -61,7 +61,7 @@ export default { ``` -## 3.x のシンタックス +## 3.x での構文 ### 関数で作られるコンポーネント diff --git a/src/guide/migration/key-attribute.md b/src/guide/migration/key-attribute.md index 7e712dd1..a76bafbb 100644 --- a/src/guide/migration/key-attribute.md +++ b/src/guide/migration/key-attribute.md @@ -7,7 +7,7 @@ badges: ## 概要 -- **新着:** Vue が一意の `key` を自動的に生成するようになったため、`v-if`/`v-else`/`v-else-if` 分岐で `key` が不要になりました。 +- **新規:** Vue が一意の `key` を自動的に生成するようになったため、`v-if`/`v-else`/`v-else-if` 分岐で `key` が不要になりました。 - **破壊的変更:** 手動で `key` を指定する場合、各分岐は一意の `key` を使用する必要があります。同じ `key` を意図的に使用して分岐を強制的に再利用することはできなくなりました。 - **破壊的変更:** `