File tree 1 file changed +4
-4
lines changed
1 file changed +4
-4
lines changed Original file line number Diff line number Diff line change @@ -19,9 +19,9 @@ Vue におけるリアクティブな状態の重要なユースケースは描
19
19
20
20
これがまさに Vue のリアクティブシステムの本質です。コンポーネント内の ` data() ` でオブジェクトを返す際に、内部的には ` reactive() ` によってリアクティブを実現しています。テンプレートはこれらのリアクティブなプロパティを利用する [ render 関数] ( render-function.html ) にコンパイルされます。
21
21
22
- ` reactive ` についての詳細は [ Basic Reactivity API] ( ../api/basic-reactivity.html ) セクションを参照してください
22
+ ` reactive ` についての詳細は [ 基本 リアクティビティ API] ( ../api/basic-reactivity.html ) セクションを参照してください
23
23
24
- ## 独立したリアクティブな値を ` refs ` として作成する
24
+ ## 独立したリアクティブな値を ` 参照 ` として作成する
25
25
26
26
独立したプリミティブ値(例えば文字列)があって、それをリアクティブにしたい場合を想像してみてください。もちろん、同じ値の文字列を単一のプロパティとして持つオブジェクトを作成して ` reactive ` に渡すこともできます。Vue にはこれと同じことをしてくれる ` ref ` メソッドがあります:
27
27
@@ -45,7 +45,7 @@ console.log(count.value) // 1
45
45
46
46
### ref のアンラップ
47
47
48
- ref がレンダーコンテキスト([ setup()] ( composition-api-setup.html ) によって返されるオブジェクト)のプロパティとして返されていてテンプレート内でアクセスされる場合、自動的に内部の値にアンラップされます 。テンプレート内においては ` .value ` を付ける必要はありません:
48
+ ref がレンダーコンテキスト(render contenxt - [ setup()] ( composition-api-setup.html ) によって返されるオブジェクト)のプロパティとして返されていてテンプレート内でアクセスされる場合、自動的に内部の値にアンラップ(ref でラップされた値を取り出す)されます 。テンプレート内においては ` .value ` を付ける必要はありません:
49
49
50
50
``` vue-html
51
51
<template>
@@ -143,7 +143,7 @@ title.value = 'Vue 3 Detailed Guide' // ここで title は ref であるため
143
143
console .log (book .title ) // 'Vue 3 Detailed Guide'
144
144
```
145
145
146
- ` refs ` についての詳細は [ Refs API] ( ../api/refs-api.html#ref ) セクションを参照してください
146
+ ` ref ` で作成した ` 参照 ` についての詳細は [ 参照 (refs) API] ( ../api/refs-api.html#ref ) セクションを参照してください
147
147
148
148
## ` readonly ` でリアクティブオブジェクトの変更を防ぐ
149
149
You can’t perform that action at this time.
0 commit comments