vue組件間通信

vue組件間通信

1.父組件向子組件傳遞數(shù)據(jù)--props

父組件
子組件

在vue2.0中使用props實現(xiàn)向子組件傳遞數(shù)據(jù):

第一步:父組件中將需要傳遞的數(shù)據(jù)formSliderURL賦值給公共reqSliderURL變量。

第二步:子組件通過props:['reqSliderURL']取得reqSliderURL,在子組件中可直接使用reqSliderURL變量,其值為父組件中的formSliderURL

2.子組件向父組件發(fā)送數(shù)據(jù)--$emit

子組件
父組件-1
父組件-2

在vue2.0中使用props實現(xiàn)向子組件傳遞數(shù)據(jù):

第一步:在子組件中將需要傳遞的數(shù)據(jù)optItem通過$emit綁定increment事件發(fā)射出去。

第二步:在父組件中觸發(fā)increment事件執(zhí)行g(shù)etPathShow方法,其getPathShow(newVal)方法中參數(shù)newVal即為父組件接收自子組件的值。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容