最簡單的小程序數據監聽,最簡單的vuex原理,實現跨頁面通訊(轉)

聲明轉載至:簡書:原文地址:https://www.jianshu.com/p/2ba137a02f09

代碼部分:

//模擬數據定時變化
startWebSocket() {
  setInterval(()=> {
    this.setChangedData(121212);
  }, 5000);
},
//二級頁面的監聽函數
addListener: function(callback) {
  this.callback = callback;
},
//當前頁面修改的數據
setChangedData: function(data) {
  //this.data = data;
  if(this.callback != null) {
    this.callback(data);
  }
}

二級頁面監聽:

app.addListener(function(changedData) {
  console.log(changedData);
});

代碼非常簡單,我之前一直研究proxy如何實現數據監聽變化,但是網上的教程都很複雜,簡書的這篇文章非常的贊,簡單明瞭的說明了最基本的數據監聽變化方式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章