1.父傳子
實現方式類似於vue
引入子組件
在子組件上添加自定義屬性 例如:title,content
在子組件上的properties上添加要接收的屬性 title,content
在子組件上通過{{ }}就可以直接使用啦。。
ps:只是接收的時候vue是用props 小程序是properties 里邊的方法都是一樣的
2.子傳父
實現方式類似於vue
1.在子組件上觸發一個事件 例如:catchtap="confirmmFn"
2.在對應的confirmFn上添加派發的事件和要向父級傳遞的數據
this.triggerEvent('confirm','ok')
this.triggerEvent('cancel','no')
3.父組件監聽子組件派發過來的事件和要接收的數據
bind要監聽的事件名=“回調方法”
eg:
<child
bindconfirm="confirm"
bindcancel="cancel"
/>
4.在父組件的js中接收數據
//監聽確定按鈕觸發的回調
confirm(e) {
console.log('監聽確定',e.detail)
},
3.兄弟相傳 類似於react的兄弟相傳
A兄弟,B兄弟,C(父組件)三個組件
A-->C--->B
組件A 通過子傳父 將數據傳給父組件 C
父組件C 通過父傳子的方法將數據再傳給子組件B 這樣就完成了微信小程序的兄弟組件通信
關於兄弟組件 這里發現了一篇很不錯的博客 可以看一下 這里就不細說了~
https://www.cnblogs.com/yier0705/p/9679505.html