質問編集履歴
1
書式の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
悩んでいます。
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
A — コンポーネント内の個々の DOM ノードに直接付けるべきか？
|
|
6
|
-
|
|
6
|
+
B — コンポーネントのルートに集約するべきか？
|
|
7
|
+
C — ケースバイケースか？
|
|
7
8
|
|
|
8
9
|
## 背景、状況
|
|
9
10
|
|
|
@@ -21,6 +22,8 @@
|
|
|
21
22
|
|
|
22
23
|
以下に簡単な例コード（TypeScript）を添えます。現象と対策のイメージが伝わるようにしています。
|
|
23
24
|
|
|
25
|
+
## 例コード
|
|
26
|
+
|
|
24
27
|
##### 例 A — コンポーネント内で直接 addEventListener を付与する（問題が出るケース）
|
|
25
28
|
|
|
26
29
|
問題点: update() が innerHTML 等で丸ごと置換する設計だと、以前バインドしたハンドラは新しいノードに引き継がれない。
|