This repository was archived by the owner on May 1, 2025. It is now read-only.
File tree Expand file tree Collapse file tree 3 files changed +3
-3
lines changed Expand file tree Collapse file tree 3 files changed +3
-3
lines changed Original file line number Diff line number Diff line change @@ -18,7 +18,7 @@ Vue はデータの変更を監視して、変更された時に更新を自動
18
18
** 注意** : ` <template> ` 内で参照された場合、refs は Vue によって自動的にアンラップされます。` .value ` は、` <script> ` 内や Vue コンポーネント外の JavaScript でアクセスする時にのみ必要になります。
19
19
::
20
20
21
- ## Challenge
21
+ ## チャレンジ
22
22
23
23
では、実際にやってみましょう!
24
24
現在 ` 2 ` 倍にハードコードされている乗数をリアクティブに更新可能にするコードに変更してみましょう。
Original file line number Diff line number Diff line change @@ -28,7 +28,7 @@ console.log(counter.count) // -> 1
28
28
29
29
` watch ` に関する詳しい説明は [ ウォッチャーガイド] ( https://ja.vuejs.org/guide/essentials/watchers ) を参照してください。
30
30
31
- ## チャレンジ問題
31
+ ## チャレンジ
32
32
33
33
今のプレイグラウンドは、TODO アイテムに関するデータを ` todoId ` と ` todoData ` の 2 つのリアクティブ値として管理しています。これらを 1 つの ` todoData ` にまとめましょう。
34
34
これらのステップを実行することで、` reactive ` と ` watch ` の理解を深めることができるのでぜひ挑戦してみてください!
Original file line number Diff line number Diff line change @@ -10,7 +10,7 @@ Composables の主な特徴は以下の通りです。
10
10
11
11
Nuxt では、` composables/ ` ディレクトリに Composables なロジックを格納することが多く、[ 自動インポート] ( https://nuxt.com/docs/examples/features/auto-imports ) の対象になります。
12
12
13
- ## チャレンジ問題
13
+ ## チャレンジ
14
14
15
15
それでは、これらの特徴を踏まえて以下のステップでロジックを Composables として切り出し、再利用してみましょう。
16
16
You can’t perform that action at this time.
0 commit comments