一直聽(tīng)朋友說(shuō)vue組件化簡(jiǎn)單好用,今天搞了一下組件之間的傳值,看了好多教程終于鼓搗出來(lái)了,分享一下踩的坑。
子傳父主要通過(guò)events,父?jìng)髯又饕ㄟ^(guò)props,這里借用一張圖片,表達(dá)。

基于vue-cli?
子組件向父組件傳值
子組件
定義點(diǎn)擊事件setVa 點(diǎn)擊之后往父組件傳“管理員列表”,用this.$emit(要觸發(fā)的事件,這個(gè)可以自定義,要傳給父組件的值)這個(gè)方法,
子組件需要某種事件比如change事件這樣的一個(gè)方法來(lái)觸發(fā)自定義事件

父組件
在父組件里引入子組件,然后在子組件標(biāo)簽上綁定子組件頁(yè)面里面自定義的事件,在methods里寫(xiě)一個(gè)事件響應(yīng)的函數(shù)就可以了。

父組件向子組件傳值
子組件
? ? props里面title就是父組件傳進(jìn)來(lái)的

父組件
引入子組件,然后在子組件標(biāo)簽上寫(xiě):title(因?yàn)槲沂莿?dòng)態(tài)引入的所以加:,如果不是則不用)后邊跟你要傳的值
