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