Vue組件之父子通信(1)

子組件獲取父組件數(shù)據(jù)

子組件獲取父組件數(shù)據(jù)是通過props進(jìn)行獲取的。props分為靜態(tài)傳值和動(dòng)態(tài)傳值，

區(qū)別：動(dòng)態(tài)傳值要用v-bind或：進(jìn)行綁定，靜態(tài)不用，直接賦值即可

?????所謂靜態(tài)：就是寫死在標(biāo)簽中，

????動(dòng)態(tài)：定義一個(gè)變量，在父組件的data中進(jìn)行賦值操作(一般為數(shù)據(jù)庫中的數(shù)據(jù))

實(shí)例：

定義一個(gè)父組件名，在網(wǎng)頁中顯示。

再分別寫父組件和子組件模板，(注意：template模板中只能有一個(gè)根節(jié)點(diǎn))

在父組件中定義兩個(gè)子組件child，一個(gè)是傳遞動(dòng)態(tài)數(shù)據(jù)pname，一個(gè)傳遞靜態(tài)數(shù)據(jù)'lisi'，

在子組件模板中顯示name數(shù)據(jù)

在父組件的data中定義pname的數(shù)據(jù)，在注冊(cè)子組件時(shí)，加一個(gè)prop['name'],即可傳遞數(shù)據(jù)