小程序的事件传参和页面传参

小程序的事件传参和页面传参都是非常常见的场景，具体实现方式如下：

### 事件传参

在小程序中，可以通过 `data-*` 属性将数据传递给事件处理函数。在 WXML 中，通过 `bind:eventName` 或 `catch:eventName` 绑定事件处理函数，例如：

<view bind:tap="handleTap" data-id="123">点击我</view>

在事件处理函数中，可以通过 `event.currentTarget.dataset` 获取 `data-*` 属性值，例如：

Page({
  handleTap(event) {
    const id = event.currentTarget.dataset.id
    console.log('id:', id) // 输出：id: 123
  }
})

### 页面传参

在小程序中，可以通过路由传参的方式将数据传递给目标页面。在源页面中，通过 `wx.navigateTo` 或 `wx.redirectTo` 方法跳转到目标页面，并传递参数，例如：

wx.navigateTo({
  url: '/pages/detail/detail?id=123'
})

在目标页面中，可以通过 `onLoad` 生命周期函数获取路由参数，例如：

Page({
  onLoad(options) {
    const id = options.id
    console.log('id:', id) // 输出：id: 123
  }
})

需要注意的是，路由参数的类型都是字符串类型，如果需要传递数字或其他类型的数据，需要进行类型转换。例如：

wx.navigateTo({
  url: '/pages/detail/detail?id=' + 123
})

在目标页面中，需要将字符串类型的参数转换为数字类型，例如：

Page({
  onLoad(options) {
    const id = parseInt(options.id)
    console.log('id:', id) // 输出：id: 123
  }
})

除了路由传参，还可以通过全局变量、缓存、事件总线等方式进行数据传递。需要根据具体场景选择合适的方式。