回答編集履歴
1
間違ってたので修正
test
CHANGED
@@ -8,8 +8,32 @@
|
|
8
8
|
|
9
9
|
|
10
10
|
|
11
|
-
こういうbindをする場合は、子コンポーネントのpropsが定義されていないと渡せないはずです。
|
11
|
+
~~こういうbindをする場合は、子コンポーネントのpropsが定義されていないと渡せないはずです。~~
|
12
12
|
|
13
13
|
|
14
14
|
|
15
|
-
Vue.jsのpropsに関するドキュメントを参照してみてください。
|
15
|
+
~~Vue.jsのpropsに関するドキュメントを参照してみてください。~~
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
----
|
20
|
+
|
21
|
+
|
22
|
+
|
23
|
+
コンポーネントの親子関係がはっきり区別できてない感じですね。
|
24
|
+
|
25
|
+
all-priceが子で、vue-priceが親です。
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
htmlの方では親のpostsから、postという名前で子のall-priceに値をbindしていて、今回の場合all-priceは2つあります。
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
親がposts, 2ついるall-priceがpostという値を持っている状態なので、親の方からはpostは見えていません。
|
34
|
+
|
35
|
+
posts[0]と1つめのall-price.post、ports[1]と2つめのall-price.postがバインドされた状態です。
|
36
|
+
|
37
|
+
|
38
|
+
|
39
|
+
ふつうだと$emitの第二引数でpostを渡すシーンだと思います。
|