最簡單的小程序數據監聽，最簡單的vuex原理，實現跨頁面通信（轉）

---

title: 最簡單的小程序數據監聽，最簡單的vuex原理，實現跨頁面通信（轉） date: 2019-07-23 09:16:15 tags: CSDN遷移

聲明轉載至：簡書：原文地址：www.jianshu.com/p/2ba137a02…

代碼部分：

//模擬數據定時變化
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如何實現數據監聽變化，可是網上的教程都很複雜，簡書的這篇文章很是的贊，簡單明瞭的說明了最基本的數據監聽變化方式。