最简单的小程序数据监听,最简单的vuex原理,实现跨页面通讯(转)

32 篇文章 2 订阅
30 篇文章 0 订阅

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值