微信小程序页面跳转并传数据到新的页面

在微信小程序中，页面之间的跳转通常通过`wx.navigateTo`或`wx.redirectTo`这两个API来完成，并且可以传递参数给目标页面。这里简单说明一下：

1. **wx.navigateTo**：这是轻量级的跳转，适合不返回上一级的情况，语法如下：

   wx.navigateTo({
     url: 'targetPage?param1=value1&param2=value2', // 目标页面路径，可以附带查询参数
   });

在`targetPage.js`文件中，你可以通过`onLoad`生命周期函数接收这些参数：

   onLoad(options) {
     const params = options.query; // 获取查询参数
     console.log(params); // 打印接收到的数据
   }

2. **wx.redirectTo**：用于打开一个新的页面并立即替换当前页面，如果需要携带参数，同样添加到url后面。示例：

   wx.redirectTo({
     url: 'targetPage?data={key1: 'value1', key2: 'value2'}',
   });

在目标页面，也可以通过`onLoad`获取对象形式的数据：

   onLoad(data) {
     console.log(data.key1, data.key2);
   }

记得，在实际项目中，推荐使用`Component`的props来传递数据，这样更易于管理和维护。