                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /Vue.js
                        
                        /vue2.5入門(mén)

為什么在子組件上面刪除一項(xiàng)需要采用訂閱發(fā)布模式通知父組件呢？直接在子組件上面刪除不就行了嗎？

如題，比如我要?jiǎng)h除子組件的一項(xiàng)，那一項(xiàng)是由父組件的list里面?zhèn)鬟f過(guò)來(lái)的，需要采用訂閱發(fā)布模式通知父組件才可以刪除，那為什么我在這一項(xiàng)上添加一個(gè)click事件彈出字符串（例如：alert'hello world'）則不需要通知父組件呢？

明明的明天12

2018-10-15

源自：vue2.5入門(mén) 3-4

關(guān)注問(wèn)題我要回答

1399

操作

收起

3 回答

千里明月回答被采納 +2 積分
2018-10-16

這么想吧其實(shí)無(wú)論父組件還是子組件，它們都只是對(duì)應(yīng)著一個(gè)dom節(jié)點(diǎn)而已。list中的每個(gè)<li>其實(shí)都是一個(gè)dom子節(jié)點(diǎn)，想刪除這些動(dòng)態(tài)生成的子節(jié)點(diǎn)，按js的邏輯，得先找到父dom節(jié)點(diǎn)，才能定位到子節(jié)點(diǎn)本身。而彈出事件本身就不是個(gè)節(jié)點(diǎn)，無(wú)需定位，也就不需要通知其他節(jié)點(diǎn)了。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

明明的明天12 提問(wèn)者

彈出事件是直接綁定在list中的每一個(gè)<li>上的，就類似于直接綁定在父組件上了，無(wú)需通知，這樣理解對(duì)不對(duì)？

2018-10-16 回復(fù) 有任何疑惑可以回復(fù)我~

#2

千里明月回復(fù) 明明的明天12 提問(wèn)者

呃...其實(shí)所謂vue，react什么的框架，其根本都只是利用js對(duì)html的dom節(jié)點(diǎn)進(jìn)行操作而已，想要操作dom節(jié)點(diǎn)就要找到該dom節(jié)點(diǎn)，所有才有class、id、tag這些選擇器，但是對(duì)于動(dòng)態(tài)生成的list下的li節(jié)點(diǎn)，它們是沒(méi)有事先聲明選擇器的，而list節(jié)點(diǎn)是被組件化了，就是相當(dāng)于聲明了選擇器，所以可以通過(guò)定位到list節(jié)點(diǎn)進(jìn)而對(duì)其子節(jié)點(diǎn)進(jìn)行操作（刪除）。可是li子節(jié)點(diǎn)的點(diǎn)擊彈出事件，是不需要這個(gè)定位流程的，因?yàn)椴恍枰i定dom節(jié)點(diǎn)啊也不用操作，所謂彈出事件，只是對(duì)瀏覽器行為的一個(gè)調(diào)用而已。我是基于這個(gè)層面去理解的哦，不保證一定對(duì)的哈

2018-10-16 回復(fù) 有任何疑惑可以回復(fù)我~

#3

明明的明天12 提問(wèn)者回復(fù) 千里明月

那照這樣說(shuō)是點(diǎn)擊彈出事件是鎖定了組件而不需鎖定dom節(jié)點(diǎn)

2018-10-16 回復(fù) 有任何疑惑可以回復(fù)我~

幕布斯6086120
2018-12-23

刪除list數(shù)組的值,在子組件的方法調(diào)用父組件的實(shí)例.list.splice(index,1)就可以實(shí)現(xiàn),我理解的,老師采取向父組件傳值的方式刪除對(duì)應(yīng)的list值,是為了向我們展示子組件向父組件傳值和父組件向子組件傳值的方式.能夠理解監(jiān)聽(tīng),綁定,訂閱,發(fā)布的理解

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答