@@ -56,7 +56,7 @@ export default {
5656
5757** 論理的な関心事** が色でグループ化されている大きなコンポーネントを示す例。
5858
59- このような分離は、複雑なコンポーネントを理解ししてメンテナンスすることを難しくします 。このオプションの分離は背景にある論理的な関心事をわかりづらくします。さらに、単一の論理的な関心事に取り組む場合、関連するコードのオプションブロックを何度も "ジャンプ" する必要があります。
59+ このような分離は、複雑なコンポーネントを理解してメンテナンスすることを難しくします 。このオプションの分離は背景にある論理的な関心事をわかりづらくします。さらに、単一の論理的な関心事に取り組む場合、関連するコードのオプションブロックを何度も "ジャンプ" する必要があります。
6060
6161同じ論理的な関心事に関連するコードを並べることができれば、より良くなるでしょう。そして、これはまさにコンポジション API が可能にします。
6262
@@ -87,9 +87,9 @@ export default {
8787 setup (props ) {
8888 console .log (props) // { user: '' }
8989
90- return {} // ここで返されるものは残りの要素で使用可能です
90+ return {} // ここで返されるものはコンポーネントの他のオプションで使用可能です
9191 }
92- // 残りの要素
92+ // 以降、コンポーネントの"他"のオプション
9393}
9494```
9595
@@ -233,7 +233,7 @@ export default {
233233
234234それらの関数はコンポーネントによってフックが呼び出されるときに実行されるコールバックを受け付けます。
235235
236- それを ` setup ` 関数に追加しましょう :
236+ では、 ` setup ` 関数にそれを追加してみましょう :
237237
238238``` js
239239// src/components/UserRepositories.vue `setup` function
@@ -260,13 +260,13 @@ setup (props) {
260260
261261### ` watch ` で変化に反応する
262262
263- コンポーネント内の ` user ` プロパティに ` watch ` オプションを使用してウォッチャを追加するのと同じように、Vue からインポートした ` watch ` 関数を使用することができます。それは 3 つの引数を受け付けます:
263+ コンポーネント内の ` user ` プロパティに ` watch ` オプションを使用してウォッチャを追加するのと同じように、Vue からインポートした ` watch ` 関数を使用することができます。それは以下の 3 つの引数を受け付けます:
264264
265265- ** リアクティブな参照** または監視するゲッター関数
266266- コールバック
267267- 任意の設定オプション
268268
269- ** その仕組をざっと見てみましょう 。**
269+ ** その仕組みをざっと見てみましょう 。**
270270
271271``` js
272272import { ref , watch } from ' vue'
@@ -388,7 +388,7 @@ setup (props) {
388388}
389389```
390390
391- 他の** 論理的な関心事** にも同じことができますが、既に疑問があるかもしれません。- _ これはコードを ` setup ` オプションに移動させて肥大させるだけではありませんか?_ そのため他の責務に移る前に、まず上記のコードをスタンドアローンな ** コンポジション関数** に抽出します。 ` useUserRepositories ` の作成から始めましょう:
391+ 他の** 論理的な関心事** にも同じことができますが、既に疑問があるかもしれません。- _ これはコードを ` setup ` オプションに移動させて肥大させるだけではありませんか?_ そのため他の責務に移る前に、まず上記のコードをスタンドアロンな ** コンポジション関数** に抽出します。 ` useUserRepositories ` の作成から始めましょう:
392392
393393``` js
394394// src/composables/useUserRepositories.js
0 commit comments