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

你可能感兴趣的:(前端,微信小程序,javascript,vue)