File tree Expand file tree Collapse file tree 1 file changed +7
-7
lines changed Expand file tree Collapse file tree 1 file changed +7
-7
lines changed Original file line number Diff line number Diff line change 1
- ## Template Refs
1
+ ## テンプレート参照
2
2
3
3
> この節ではコード例で [ 単一ファイルコンポーネント] ( single-file-component.html ) の文法を使用しています。
4
4
5
- > このガイドはすでに [ Composition API 導入] ( composition-api-introduction.html ) を読んでいることを前提に書かれています。もしまだ読んでいないのなら、先に読みましょう。
5
+ > このガイドはすでに [ コンポジション API 導入] ( composition-api-introduction.html ) を読んでいることを前提に書かれています。もしまだ読んでいないのなら、先に読みましょう。
6
6
7
- Composition API を使うとき、 [ リアクティブ refs ] ( reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs ) と [ テンプレート refs ] ( component-template-refs.html ) のコンセプトは同じになります。
8
- テンプレート内の要素やコンポーネントインスタンスの参照を取得するために、 ref 変数を定義して [ setup()] ( composition-api-setup.html ) で返します.
7
+ コンポジション API を使うとき、 [ リアクティブ参照 ] ( reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs ) と [ テンプレート参照 ] ( component-template-refs.html ) のコンセプトは同じになります。
8
+ テンプレート内の要素やコンポーネントインスタンスの参照を取得するために、 ref 変数を定義して [ setup()] ( composition-api-setup.html ) で返します。
9
9
10
10
``` html
11
11
<template >
@@ -32,9 +32,9 @@ Composition API を使うとき、 [リアクティブ refs](reactivity-fundamen
32
32
</script >
33
33
```
34
34
35
- 描画コンテキストに ` root ` 変数を渡していて、` ref="root" ` 経由で div 要素とバインドします. 仮想 DOM のパッチアルゴリズムの中で、 もし VNode の ` ref ` キーは描画コンテキストの ref に対応すると、VNode の対応する要素またはコンポーネントインスタンスに ref の値が割り当てられます。これは仮想 DOM のマウント/パッチ処理中に実行されるので、テンプレート refs では初期描画に値だけを取得できます。
35
+ 描画コンテキストに ` root ` 変数を渡していて、` ref="root" ` 経由で div 要素と束縛します。 仮想 DOM のパッチアルゴリズムの中で、 もし VNode の ` ref ` キーは描画コンテキストの ref に対応すると、VNode の対応する要素またはコンポーネントインスタンスに ref の値が割り当てられます。これは仮想 DOM のマウント/パッチ処理中に実行されるので、テンプレート refs では初期描画に値だけを取得できます。
36
36
37
- テンプレート refs は他の refs と似た挙動をします 。つまり、リアクティブかつコンポジション関数に渡せる(または返せる)ことができます。
37
+ テンプレート参照は他の参照と似た挙動をします 。つまり、リアクティブかつコンポジション関数に渡せる(または返せる)ことができます。
38
38
39
39
### Usage with JSX
40
40
@@ -56,7 +56,7 @@ export default {
56
56
57
57
### Usage inside ` v-for `
58
58
59
- コンポジション API のテンプレート refs を ` v-for ` 内部で使う時に特別な処理はされないです 。代わりに、関数 refs を使って独自処理を実行してください 。
59
+ コンポジション API のテンプレート参照を ` v-for ` 内部で使う時には特別な処理はされないです 。代わりに、参照を提供する関数を使って独自処理を実行してください 。
60
60
61
61
``` html
62
62
<template >
You can’t perform that action at this time.
0 commit comments