以下內(nèi)容只是我個(gè)人學(xué)習(xí)時(shí)的記錄,可能與實(shí)際有偏差,大佬勿怪
1傳值(父傳子)
父組件給子組件傳值 借助 props
父組件:
傳一個(gè)叫做 put_child 的變量給子組件
父組件
子組件:
子組件在 props 中定義接受的變量母截,然后就能使用
子組件
2傳值(子傳父)
子組件給父組件傳值,通過 $emit
父組件:
在父組件中綁定一個(gè)屬性,同時(shí)定義一個(gè)方法接受,子組件發(fā)送過來的數(shù)據(jù)
父組件
父組件接收方
子組件:
調(diào)用 $emit 傳給父組件上綁定的屬性比吭,剩下的就是父組件處理了
子組件
3.調(diào)用方法(子調(diào)父)
目前只掌握了赏表,同$emit傳值給父一樣,同上這里就不寫出了
4.調(diào)用方法(父用子)
父組件:
在父組件中 ref 屬性 定義一個(gè)變量攻泼,當(dāng)我使用 this.$refs.變量 會(huì)把子組件對(duì)象返回牛欢,這樣我們就可以調(diào)用子組件的方法
父組件
父組件