父傳子:
主要步驟:
- 首先在子組件props中創(chuàng)建一個屬性,用以接收父組件傳過來的值;
- 然后父組件中引用子組件,并在子組件標(biāo)簽中添加子組件props中創(chuàng)建的屬性;
- 最后把需要傳給子組件的值賦給該屬性。
理解:
? ? ? ? 父親傳給兒子?xùn)|西,兒子在那邊用一個碗接,這個碗就是props,因為傳的東西不可能只是一個,所以是一個數(shù)組,父親因為要傳東西到兒子的碗里,所以要綁定兒子的碗,然后傳值
props:properties的簡稱
prop 只可以從上一級組件傳遞到下一級組件(父子組件),即所謂的單向數(shù)據(jù)流。而且 prop 只讀,不可被修改,所有修改都會失效并警告。
代碼如下:
父組件:
?子組件:
?文章來源地址http://www.zghlxwxcb.cn/news/detail-405466.html
子傳父:
主要步驟:
????????1.子組件創(chuàng)建并監(jiān)聽自定義事件,
????????2.在事件函數(shù)里面執(zhí)行emit函數(shù),通過emit把想傳的值傳給父組件
????????3.父組件在子組件上監(jiān)聽emit定義的事件名稱并綁定自身的函數(shù),在函數(shù)的參數(shù)中接收子組件傳遞的參數(shù)。
理解:
兒子傳給父親,兒子通過emit去傳值,父親通過on去接收值
$emit( 傳輸?shù)拿?,想傳的值)
代碼如下:
父組件:
?子組件:文章來源:http://www.zghlxwxcb.cn/news/detail-405466.html
?
到了這里,關(guān)于vue 父傳子 子傳父實現(xiàn)方式的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!