jq（jQuery）、Vue、Uni-app以及小程序在页面传参方面各有其独特的方法和特点。下面将分别介绍这些框架或平台在页面传参上的主要方式。
jQuery 页面传参
在jQuery中，页面传参更多是指通过JavaScript（jQuery是JavaScript的一个库）在DOM元素之间传递数据或执行某些操作。虽然jQuery本身不直接涉及页面跳转时的参数传递（这是由浏览器的URL或HTML5的Web Storage等机制处理的），但jQuery可以通过以下几种方式在DOM元素间"传参”：
直接设置元素属性或内容 ：通过
.attr(),.prop(),.val(),.text(),.html()等方法直接设置目标元素的属性值、内容等。事件处理 ：利用jQuery的事件处理机制（如
.click(),.change()等）在元素上绑定事件，并在事件处理函数中通过参数传递数据。此外，还可以使用.trigger()方法触发自定义事件，并在事件处理函数中接收传递的数据。数据对象：在调用jQuery函数时，可以将数据对象作为参数传递，数据对象的键表示参数名，值表示参数值。
Ajax请求：在发起Ajax请求时，可以将数据以键值对的形式存储在一个对象中，并作为请求的参数传递给服务器端。
Vue 页面传参
Vue中页面传参的方式主要包括以下几种：
- 路由传参 ：
- 利用路由的
name属性传参，通过$route.name接收参数（虽然这种方式不直接用于传递参数，但可用于识别路由）。 - 通过
router-link的to属性传参，可以使用params（配合name）或query（用于path）来传递参数。 - 使用
path匹配路由组件时，参数可以通过URL的查询字符串（query）或动态片段（params，需配合*或:在路由路径中的使用）来传递。 - 组件间传参 ：
- 父组件通过
props向子组件传递数据。 - 子组件通过
$emit触发事件向父组件传递数据。 - 使用Vuex进行状态管理，实现跨组件的数据传递。
Uni-app 页面传参
Uni-app中页面传参的方式多样，包括：
URL编程式传参 ：使用
uni.navigateTo、uni.redirectTo等API进行页面跳转时，可以在URL中携带参数。接收页面在onLoad或onShow生命周期函数中通过options参数接收传递的数据。全局变量：通过定义全局变量（如Vuex、globalData等）来跨页面传递数据。
事件通信 ：使用
uni.$emit和uni.$on进行页面间的事件通信，实现数据的传递。Storage ：利用本地存储（如
uni.setStorage和uni.getStorage）跨会话传递数据。
小程序 页面传参
小程序页面传参的方式主要包括：
URL传值 ：在页面跳转时，将参数附加在URL后，接收页面在
onLoad函数中通过options参数接收。全局变量 ：使用小程序的全局变量（如
globalData）来跨页面传递数据。Storage ：利用小程序的本地存储（如
wx.setStorage和wx.getStorage）进行数据的持久化存储和跨页面传递。EventChannel ：在
wx.navigateTo、wx.redirectTo等页面跳转API中，可以通过events对象创建EventChannel进行页面间的通信和数据传递。页面栈 ：通过小程序的页面栈（
getCurrentPages）获取当前页面栈的实例数组，进而操作页面数据或函数。
综上所述，jq、Vue、Uni-app和小程序在页面传参上各有其独特的方法和适用场景，开发者可以根据具体需求选择合适的方式进行数据传递。
原文链接: https://blog.csdn.net/hexadecimal_001/article/details/141684499