千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js...
2023-07-21 18:03 作者:HM99sunshine | 我要投稿

父?jìng)髯油ㄟ^(guò)自定義屬性傳參,子組件通過(guò)props接受參數(shù)。父組件定義一個(gè)name屬性,通過(guò)自定義屬性:name="name"傳遞,子組件用props接受,注意接受的是一個(gè)對(duì)象,type代表是接受的數(shù)據(jù)類(lèi)型,default代表的是默認(rèn)值。
子傳父通過(guò)自定義事件,子組件定義一個(gè)事件,通過(guò)ctx.emit('send',msg.value);第一個(gè)參數(shù)是傳過(guò)去的事件,第二個(gè)參數(shù)是傳過(guò)去的數(shù)據(jù),父組件用@send="send"接收。
父?jìng)髯樱簆rops,所有的props都遵循著單向綁定原則,props因父組件的更新而變化,自然將新的狀態(tài)向下流往子組件,而不會(huì)逆向傳遞,這避免了子組件意外修改父組件狀態(tài)的情況,不然應(yīng)用的數(shù)據(jù)流,將容易變得混亂而難以理解。另外,每次父組件更新后,所有的子組件中的props都會(huì)被更新到最新值,這意味著你不應(yīng)該在子組件中去更改一個(gè)props,如果這么做了,控制臺(tái)會(huì)出現(xiàn)警告。
標(biāo)簽: