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 +8
-8
lines changed Expand file tree Collapse file tree 3 files changed +8
-8
lines changed Original file line number Diff line number Diff line change @@ -10,9 +10,9 @@ Vue はデータの変更を監視して、変更された時に更新を自動
1010
1111- [ ` computed() ` ] ( https://ja.vuejs.org/api/reactivity-core#computed ) は getter 関数を受け取り、getter からの返り値を反映した ` ref ` オブジェクトを返します。
1212
13- ここのプレイグラウンドでは、数字を保持するための ` count ` という名前の ref オブジェクトと、` count ` の倍の値を計算する ` double ` という名前の computed オブジェクトを作成します。Vue は ` double ` が ` count ` に依存していることを知っているため、` count ` が変更された際に ` double ` は自動で再計算されます。
13+ ここのプレイグラウンドでは、数字を保持するための ` count ` という名前の ref オブジェクトと、` count ` の倍の値を計算する ` doubled ` という名前の computed オブジェクトを作成します。Vue は ` doubled ` が ` count ` に依存していることを知っているため、` count ` が変更された際に ` doubled ` は自動で再計算されます。
1414
15- ボタンをクリックして ` count ` の値が増やしてみてください。` double ` の値も変更が反映されることを確認することができます。
15+ ボタンをクリックして ` count ` の値が増やしてみてください。` doubled ` の値も変更が反映されることを確認することができます。
1616
1717:: note
1818** 注意** : ` <template> ` 内で参照された場合、refs は Vue によって自動的にアンラップされます。` .value ` は、` <script> ` 内や Vue コンポーネント外の JavaScript でアクセスする時にのみ必要になります。
@@ -26,7 +26,7 @@ Vue はデータの変更を監視して、変更された時に更新を自動
2626そのためには:
2727
28281 . ` ref() ` を使って ` multiplier ` という名前の変数を作成し、` 2 ` をセットします
29- 2 . ` <script> ` と ` <template> ` の両方で、` double ` を ` result ` にリネームします
29+ 2 . ` <script> ` と ` <template> ` の両方で、` doubled ` を ` result ` にリネームします
30303 . ` result ` の実装を ` count.value * multiplier.value ` {lang=js} を返すように変更します
31314 . ` multiplier ` の値を増加させるための別のボタンを追加します
3232
Original file line number Diff line number Diff line change @@ -15,8 +15,8 @@ Nuxt では、特定のルートにナビゲートする前にコードを実行
1515グローバルミドルウェアは以下のように定義することができます。
1616
1717```
18- middleware/
19- --| hello.global.ts
18+ -| middleware/
19+ --- | hello.global.ts
2020```
2121
2222``` ts
@@ -31,8 +31,8 @@ export default defineNuxtRouteMiddleware(() => {
3131ページ単位のミドルウェアは以下のように定義することができます。
3232
3333```
34- middleware/
35- --| helloA.ts
34+ -| middleware/
35+ --- | helloA.ts
3636```
3737
3838``` ts
Original file line number Diff line number Diff line change @@ -12,7 +12,7 @@ Nuxt では、このデータフェッチを便利に扱うために `useFetch`
1212一言で言えば、
1313
1414- ` useFetch ` は、コンポーネントのセットアップ関数でデータのフェッチを処理する最も簡単な方法です。
15- - ` fetch ` は、ユーザーのインタラクションに基づいてネットワークリクエストを行うのに最適です。
15+ - ` $ fetch` は、ユーザーのインタラクションに基づいてネットワークリクエストを行うのに最適です。
1616- ` useAsyncData ` は、` $fetch ` と組み合わせることで、よりきめ細かい制御を提供します。
1717
1818https://nuxt.com/docs/getting-started/data-fetching
You can’t perform that action at this time.
0 commit comments