From d0f934f5e0b61b3c27fd8ada3dc95eaa93a4edd2 Mon Sep 17 00:00:00 2001
From: harapeko <gmail@harapeko.dev>
Date: Sat, 13 Feb 2021 04:43:11 +0900
Subject: [PATCH] =?UTF-8?q?update=20=E3=83=86=E3=83=B3=E3=83=97=E3=83=AC?=
 =?UTF-8?q?=E3=83=BC=E3=83=88=E5=8F=82=E7=85=A7=E3=81=AE=E7=BF=BB=E8=A8=B3?=
 =?UTF-8?q?=E6=94=B9=E5=96=84=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/guide/composition-api-template-refs.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/guide/composition-api-template-refs.md b/src/guide/composition-api-template-refs.md
index 9c624479..30c7180a 100644
--- a/src/guide/composition-api-template-refs.md
+++ b/src/guide/composition-api-template-refs.md
@@ -5,7 +5,7 @@
 > このガイドはすでに [コンポジション API 導入](composition-api-introduction.html) を読んでいることを前提に書かれています。もしまだ読んでいないのなら、先に読みましょう。
 
 コンポジション API を使うとき、 [リアクティブ参照](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs) と [テンプレート参照](component-template-refs.html) のコンセプトは同じになります。
-テンプレート内の要素やコンポーネントインスタンスの参照を取得するために、 ref 変数を定義して [setup()](composition-api-setup.html) で返します。
+テンプレート内の要素やコンポーネントインスタンスの参照を取得するために、 ref 宣言して [setup()](composition-api-setup.html) で返します。
 
 ```html
 <template>
@@ -32,11 +32,11 @@
 </script>
 ```
 
-描画コンテキストに `root` 変数を渡していて、`ref="root"` 経由で div 要素と束縛します。 仮想 DOM のパッチアルゴリズムの中で、 もし VNode の `ref` キーは描画コンテキストの ref に対応すると、VNode の対応する要素またはコンポーネントインスタンスに ref の値が割り当てられます。これは仮想 DOM のマウント/パッチ処理中に実行されるので、テンプレート refs では初期描画に値だけを取得できます。
+ここでは、レンダーコンテキスト上に `root` 変数を公開し、`ref="root"` を経由し ref で宣言された変数 と div 要素と束縛します。 仮想 DOM のパッチアルゴリズムの中で、 VNode の `ref` キーがレンダーコンテキストの ref に対応する場合、VNode の対応する要素またはコンポーネントインスタンスに ref の値が代入されます。これは仮想 DOM のマウント/パッチ処理中に実行されるので、テンプレート参照に値が代入されるのは初回レンダリング後になります。
 
-テンプレート参照は他の参照と似た挙動をします。つまり、リアクティブかつコンポジション関数に渡せる(または返せる)ことができます。
+テンプレート参照は他の参照と似た挙動をします。つまり、リアクティブかつコンポジション関数に渡す(または返す)ことができます。
 
-### Usage with JSX
+### JSX での使用例
 
 ```js
 export default {
@@ -56,7 +56,7 @@ export default {
 
 ### Usage inside `v-for`
 
-コンポジション API のテンプレート参照を `v-for` 内部で使う時には特別な処理はされないです。代わりに、参照を提供する関数を使って独自処理を実行してください。
+コンポジション API のテンプレート参照を `v-for` 内部で使う場合、特別な処理はされません。代わりに、関数を使って ref に独自処理を行うようにします。
 
 ```html
 <template>
@@ -73,7 +73,7 @@ export default {
       const list = reactive([1, 2, 3])
       const divs = ref([])
 
-      // 忘れずにアップデート前に ref をリセットしてください 
+      // ref が各更新の前に必ずリセットされるようにしてください
       onBeforeUpdate(() => {
         divs.value = []
       })