js、vue、uni-app、小程序的页面传参方式

在不同的开发环境和框架下，页面之间传递参数的方式可能会有所不同。以下是在 JavaScript、Vue、uni-app 和小程序中常见的页面传参方式：

JavaScript

在纯粹的 JavaScript 中，可以使用 URL 参数、LocalStorage、SessionStorage 或者全局变量等方式进行页面间传参。

1. URL 参数：通过修改 URL 的查询参数来传递参数。
2. LocalStorage 和 SessionStorage：使用浏览器提供的本地存储功能。
3. 全局变量：将参数存储在全局变量中，在目标页面中读取该全局变量。

Vue

在 Vue 中，可以使用路由参数、props、Vuex 状态管理等方式进行页面传参。

1. 路由参数：通过路由配置和路由跳转时携带参数进行页面间传递。
2. props：父组件向子组件传递参数。
3. Vuex：使用 Vuex 进行全局状态管理，实现页面间参数共享。

uni-app

在 uni-app 中，可以使用页面跳转时携带参数、Vuex 状态管理等方式进行页面传参。

1. 页面跳转时携带参数：在uni.navigateTo、uni.redirectTo等页面跳转方法中携带参数进行页面传递。
2. Vuex：使用 Vuex 进行全局状态管理，实现页面间参数共享。

 

小程序

在小程序中，可以使用页面跳转时携带参数、全局 getApp() 方法获取全局实例、Storage API 进行页面传参。

1. 页面跳转时携带参数：在wx.navigateTo、wx.redirectTo等页面跳转方法中携带参数进行页面传递。
2. getApp()：通过全局 getApp() 方法获取全局实例，从而进行页面参数传递。
3. Storage API：使用 Storage API 进行本地存储，在不同页面间进行参数传递。

以上是常见的页面传参方式，具体使用哪种方式取决于开发环境、框架和个人偏好，需要根据具体情况选择合适的方式进行页面间参数传递。