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