組件之間的關(guān)系
- new Vue就可以看成根組件,每個(gè)文件的根組件是唯一的
- 其余的組件在注冊(cè)(定義)的時(shí)候不能知道他們的關(guān)系的。只有在使用時(shí)才能知道。（例如：父子組件，兄弟組件等）
組件的通信
- 父到子的傳遞是通過(guò)props這個(gè)屬性傳遞參數(shù)來(lái)實(shí)現(xiàn)
- 靜態(tài)傳值使用props傳遞
- 動(dòng)態(tài)傳值使用v-band來(lái)綁定數(shù)據(jù)，進(jìn)行傳值
- 通過(guò)$refs來(lái)進(jìn)行傳值，對(duì)子組件添加編輯ref
- 子到父的傳遞
- 通過(guò)this,$emit (‘自定義事件的名字’， 觸發(fā)這個(gè)事件時(shí)傳遞過(guò)去的參數(shù))
- 父組件收到子打來(lái)的事件的話,需要在調(diào)用兒子組件的時(shí)候,通過(guò) v-on 去監(jiān)聽那個(gè)自定義事件
- 然后父組件就在那個(gè)事件處理函數(shù)中做需要做的事情
*注意:觸發(fā)事件事如果攜帶了參數(shù),那么在綁定事件時(shí)是通過(guò)event接收到的。 - 普通事件，event就是事件對(duì)象(事件后面沒帶( )默認(rèn)是 event 事件)
- 自定義事件, $sevent就是傳遞過(guò)去的參數(shù)(帶括號(hào)的)
- 兄弟關(guān)系
- 其余復(fù)雜關(guān)系
** 中央事件總線（bus）** ( 組件與組件之間傳值 )
應(yīng)用場(chǎng)景：在vue項(xiàng)目沒那么龐大的時(shí)候使用，vue大型項(xiàng)目還是用vuex
第一步 ： 新建一個(gè)Bus.vue 文件 ，這里主要是默認(rèn)導(dǎo)出一個(gè)vue實(shí)例，
第二部 ： 新建一個(gè)組件A import bus from 'Bus.vue' (導(dǎo)入) 這里通過(guò) Bus.on 來(lái)接受傳遞過(guò)來(lái)的數(shù)據(jù)
const bus = new Vue();
非props特性
調(diào)用組件時(shí)傳遞的參數(shù),如果在這個(gè)組件內(nèi)部沒有通過(guò)props選項(xiàng)去定義的話,那么這個(gè)Prop就叫做非props特性
非props特性的一 些規(guī)則:
1.會(huì)自動(dòng)添加到組件的根元素上(繼承)
2.普通的非Props特性都是替換,但class與style是拼接
3.禁用繼承inheritAttrs class與style是禁用不了的設(shè)置 inheritAttrs = false
4.可以在組件內(nèi)通過(guò)this.$attrs獲取到非Props特性，class與style不在此列
