一.傳值
1.傳值：string number boolean
- 建立了兩個(gè)子組件Header.vue和Footer.vue，利用屬性傳值props在根組件App.vue中給兩個(gè)子組件傳輸了title屬性邀泉。
- 在Header.vue組件中话浇，給h1標(biāo)簽（內(nèi)容為title屬性值）綁定點(diǎn)擊事件，賦予點(diǎn)擊即改變title內(nèi)容的方法敞峭。
- 當(dāng)點(diǎn)擊Header.vue中的h1標(biāo)簽時(shí)穗酥，Header.vue中的title值改變了影斑，但是Footer.vue中的title值未改變瞬浓。
- 這是因?yàn)閭鞯氖侵党跗牛粋€(gè)組件觸發(fā)更改這個(gè)值，并不會(huì)影響其他的組件值更改
點(diǎn)擊前
點(diǎn)擊后
二.傳引用
1.傳引用：array object
- 傳引用與傳值不同猿棉，一個(gè)組件對(duì)引用進(jìn)行修改磅叛，其他引入了引用值的地方也會(huì)被修改
- 在根組件中復(fù)制兩個(gè)users標(biāo)簽，并且都利用屬性傳值將users數(shù)組傳給Users.vue組件中
- 在Users.vue組件中萨赁，創(chuàng)建按鈕觸發(fā)點(diǎn)擊刪除事件弊琴，一點(diǎn)擊就刪除數(shù)組的末尾值
- 點(diǎn)擊后發(fā)現(xiàn)，頁(yè)面中的兩組users標(biāo)簽都同時(shí)履行了刪除數(shù)組末尾的功能杖爽。
點(diǎn)擊刪除前
點(diǎn)擊第一個(gè)刪除后
