最简单的小程序数据监听，最简单的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如何实现数据监听变化，但是网上的教程都很复杂，简书的这篇文章非常的赞，简单明了的说明了最基本的数据监听变化方式。