浅谈小程序跨页面之间通信的几种方式

// 以A->B示例// A 页面Page({    onShow(){        if(wx.getStorageSync('$datas')){            console.log(wx.getStorageSync('$datas'))  // 11111        }    },})// B 页面Page({    someActions(){        wx.setStorageSync('$datas','11111')    },})

// 以A->B示例// A 页面const app = getApp();Page({    onShow(){        if(app.globalData.$datas){            console.log(app.globalData.$datas)  // 11111        }    },})// B 页面const app = getApp();Page({    someActions(){        app.globalData.$datas = '11111';    },})

// A页面wx.navigateTo({  url: 'B?id=1',  events: {    // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据    acceptDataFromOpenedPage: function(data) {      console.log(data)    },    someEvent: function(data) {      console.log(data)    }    ...  },  success: function(res) {    // 通过eventChannel向被打开页面传送数据    res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })  }})// B页面Page({  onLoad: function(option){    console.log(option.query)    const eventChannel = this.getOpenerEventChannel()    eventChannel.emit('acceptDataFromOpenedPage', {data: 'test'});    eventChannel.emit('someEvent', {data: 'test'});    // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据    eventChannel.on('acceptDataFromOpenerPage', function(data) {      console.log(data)    })  }})

// app.jsconst EventBus = require('./utils/eventBus.js');App({    onLaunch(){        // 将eventBus初始到wx上        wx['$uhomesBus'] = (function () {            if (wx['$uhomesBus']) return wx['$uhomesBus'];            return new EventBus();        })();    }})// A页面Page({    someActions(){        wx.$uhomesBus.$on('$datas',(data)=>{            console.log(data); // 11111        })    },})// B页面Page({    emitActions(){        wx.$uhomesBus.$emit('$datas', '11111');    },})

// A页面Page({    someActions(datas){        console.log(datas); // 11111    },})// B页面Page({    someActions(){        const pages = getCurrentPages();        if (pages.length <h2><strong>6、globalData proxy</strong></h2><p>暂时未试验这种方式，原理上可行；</p><p>相应的原理可参考Vue3的数据劫持和订阅通知相结合；</p><p>更多编程相关知识，请访问：<a href="https://www.php.cn/course.html" target="_blank" textvalue="编程入门">编程入门</a>！！</p>