小白学习微信小程序的跨页面通信和数据传递

小白学习微信小程序的跨页面通信和数据传递

微信小程序是一种基于微信平台的轻量级应用，它提供了一种便捷的方式来开发小程序，并且可以在微信中直接运行。在微信小程序的开发中，页面跳转和页面之间的数据传递是非常常见的需求。

本篇文章将详细介绍微信小程序中的跨页面通信和数据传递的方法，包括页面跳转传参、全局变量传递、本地缓存、事件总线等多种方式。同时也会提供相应的代码案例来帮助读者更好地理解和实践。

1.页面跳转传参 在微信小程序中，我们可以使用wx.navigateTo或者wx.redirectTo方法实现页面的跳转。这两个方法都可以传递参数，下面是一个简单的代码案例：

1.1 页面A跳转到页面B，并传递参数 页面A的WXML代码如下：

<view>
  <button bindtap="navigateToB">跳转到B页面</button>
</view>

页面A的JS代码如下：

Page({
  navigateToB: function () {
    wx.navigateTo({
      url: '/pages/b/b?param1=value1¶m2=value2',
    })
  }
})

页面B的JS代码如下：

Page({
  onLoad: function (options) {
    console.log(options.param1)  //打印传递的参数值value1
    console.log(options.param2)  //打印传递的参数值