微信小程式通訊方式 5種

2021-09-11 11:16:18 字數 991 閱讀 5523

通訊分類

1、兄弟頁面間 2、父頁面跳子頁面 3、子頁面跳父頁面

啟用時期

1、延遲啟用 等待當前頁面時間響應完成後再觸發依賴頁面

2、立即啟用 當前頁面響應之前就觸發依賴頁面

五種通訊方式

1、onshow/onhide + localstorage

wx.getstoragesync('__data') //獲取

wx.clearstoragesync('__data') //清除上次通訊資料

wx.setstoragesync('__data') //設定通訊資料

記得清除通訊資料,否則可能出問題

有可能localstorage會讀取失敗,導致通訊失敗

頁面初始化也會觸發onshow

2、onshow/onhide + globaldata

globaldata汙染

頁面初始化也會觸發onshow

3、eventbus(或者是pubsub) 事件發布訂閱

on  emit  off

4、globaldata + watcher  

使用oba開源庫

這叫資料驅動

5、推薦 通用hack直接呼叫通訊頁面方法

// plugin/pages.js 

// 快取pagemodel,乙個簡要實現

export default class pm ;

} add(pagemodel)

get(pagepath)

delete(pagemodel) catch (e)

} _getpagemodelpath(page)

}// pagea

page(,

onload() ,

goc() );

},sayhello(msg) );

}});

//pagec

page(

});

微信小程式的元件通訊

實現方式類似於vue 引入子元件 在子元件上新增自定義屬性 例如 title,content 在子元件上的properties上新增要接收的屬性 title,content 在子元件上通過 就可以直接使用啦。ps 只是接收的時候vue是用props 小程式是properties 裡邊的方法都是一樣的...

微信小程式開發 元件 5

編輯器匯出內容支援帶標籤的html和純文字的text,編輯器內部採用delta格式進行儲存。通過setcontents介面設定內容時,解析插入的html可能會由於一些非法標籤導致解析錯誤,建議開發者在小程式內使用時通過 delta 進行插入。富文字元件內部引入了一些基本的樣式使得內容可以正確的展示,...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...