Vue中的兄弟組件傳值
兄弟組件傳值主要是借助了中間件,我們可以定義一個(gè)叫bus.js的文件當(dāng)做中間件.

現(xiàn)在我們想從helloworld傳一條數(shù)據(jù)到FooterView

引入bus.js中間件 在data里配置想要傳的數(shù)據(jù),寫(xiě)一個(gè)按鈕綁定一個(gè)goFooter方法,在里面用bus.$emit('自定義的屬性名',數(shù)據(jù))

在弟組件中同樣我們引入完bus.js之后,利用鉤子函數(shù)想要打開(kāi)這個(gè)組件的時(shí)候直接接收數(shù)據(jù),利用bus.$on的方式('傳過(guò)來(lái)的自定義屬性名')利用箭頭函數(shù),data形參就是接收的數(shù)據(jù),傳給this.msg 展示在頁(yè)面上.

標(biāo)簽: