回答編集履歴
5
修正
test
CHANGED
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
```
|
|
51
51
|
これで、子は`props`を使い親のデータを受け取ることができるようになります。
|
|
52
52
|
|
|
53
|
-
### 子→親にイベントを送信(Event
|
|
53
|
+
### 子→親にイベントを送信(Event up)
|
|
54
54
|
`$emit`で子から送信されたイベントは、`v-on`を使い親のメソッドと結びつけましょう。
|
|
55
55
|
|
|
56
56
|
##### 修正後:
|
4
コードの修正前
test
CHANGED
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
(コンポーネントの記述が長くなってきたので改行しました)
|
|
58
58
|
```html
|
|
59
59
|
<div id="app">
|
|
60
|
-
<button type="button" v-on:click="
|
|
60
|
+
<button type="button" v-on:click="do()">
|
|
61
61
|
<!-- v-onでreceiveイベントを親のreceiveメソッドと結びつける -->
|
|
62
62
|
<child-component2
|
|
63
63
|
ref="child2"
|
3
文章の改善
test
CHANGED
|
@@ -140,4 +140,4 @@
|
|
|
140
140
|
|
|
141
141
|
---
|
|
142
142
|
|
|
143
|
-
土台となる知識がないままやろうとしても上手くいきませんので、まずは基礎を再確認するところから始めましょう。
|
|
143
|
+
土台となる知識が十分でないままやろうとしても上手くいきませんので、まずは基礎を再確認するところから始めましょう。
|
2
仕切り線追加
test
CHANGED
|
@@ -138,4 +138,6 @@
|
|
|
138
138
|
### 親→子のメソッドを実行
|
|
139
139
|
で、肝心の本題ですが、これまで指摘した箇所を修正してもらうと、おそらく正常に動作すると思います。ログを出力して確認してみて下さい。
|
|
140
140
|
|
|
141
|
+
---
|
|
142
|
+
|
|
141
143
|
土台となる知識がないままやろうとしても上手くいきませんので、まずは基礎を再確認するところから始めましょう。
|
1
コードの修正前
test
CHANGED
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
const app = Vue.createApp({
|
|
27
27
|
data() {
|
|
28
28
|
return {
|
|
29
|
-
rowData: []
|
|
29
|
+
rowData: []
|
|
30
|
-
}
|
|
30
|
+
},
|
|
31
31
|
},
|
|
32
32
|
//子コンポーネントを登録する
|
|
33
33
|
components: {
|