UniApp介绍
UniApp是一款用于构建跨平台应用的框架，它允许开发人员使用Vue.js语法来编写一次代码，就可以将应用部署到iOS，Android，Web应用等多个平台。
在UniApp中，页面跳转是一个常用的功能，比如我们需要从一个页面跳转到另一个页面，同时还要向另一个页面传递一些参数或数据。
页面跳转传值方法
UniApp提供了多种方式来实现页面跳转传值，包括使用URL参数传值、使用Vuex传值和使用uni.$emit()传值等。
使用URL参数传值
使用URL参数传值是一种比较常见的方式，我们可以在URL中拼接参数，然后在跳转到目标页面时解析参数并使用。
接下来，我们通过一个示例来演示如何使用URL参数传值。
我们有两个页面，分别为home和detail，home页面中有一个按钮，点击该按钮可以跳转到detail页面，并将一些参数传递过去。
首先，在home页面中，我们使用uni.navigateTo()方法跳转到detail页面，并在URL中通过query参数传递一些参数：
// home.vue
// 点击按钮跳转到detail页面
onTap() {
uni.navigateTo({
url: '/pages/detail/detail?name=Jack&age=18'
})
}
然后，在detail页面中，我们通过this.$route.query获取URL中的参数：
// detail.vue
onLoad() {
// 获取URL中的参数
const { name, age } = this.$route.query
console.log(name) // Jack
console.log(age) // 18
}
以上就是使用URL参数传值的方法，但是这种方法只适用于传递简单的数据，如果需要传递复杂的数据，我们可以考虑使用Vuex。
使用Vuex传值
Vuex是一个状态管理库，它可以帮助我们更好地管理组件中的数据，包括跨页面传递数据。
接下来，我们通过一个示例来演示如何使用Vuex传值。
我们有两个页面，分别为home和detail，home页面中有一个按钮，点击该按钮可以跳转到detail页面，并将一些数据传递过去。
首先，在home页面中，我们需要将数据存储到Vuex的state中：
// store/index.js
const state = {
name: 'Jack',
age: 18
}
export default new Vuex.Store({
state
})
然后，在home页面中，我们使用uni.navigateTo()方法跳转到detail页面：
// home.vue
// 点击按钮跳转到detail页面
onTap() {
uni.navigateTo({
url: '/pages/detail/detail'
})
}
在detail页面中，我们可以通过this.$store.state获取存储在Vuex中的数据：
// detail.vue
onLoad() {
// 获取在Vuex中存储的数据
const { name, age } = this.$store.state
console.log(name) // Jack
console.log(age) // 18
}
以上就是使用Vuex传值的方法，它可以帮助我们更好地管理数据，同时也可以避免使用URL参数传值的一些安全问题。
使用uni.$emit()传值
uni.$emit()是UniApp提供的一个事件触发器，它可以帮助我们在不同组件之间传递数据。
接下来，我们通过一个示例来演示如何使用uni.$emit()传值。
我们有两个页面，分别为home和detail，home页面中有一个按钮，点击该按钮可以跳转到detail页面，并将一些数据传递过去。
首先，在home页面中，我们可以通过uni.$emit()触发一个事件，并将需要传递的数据以参数的形式传递进去：
// home.vue
onTap() {
// 触发一个名为'login'的事件，并传递数据
uni.$emit('login', 'Jack')
uni.navigateTo({
url: '/pages/detail/detail'
})
}
然后，在detail页面中，我们需要在created()生命周期钩子中订阅该事件：
// detail.vue
created() {
// 监听一个名为'login'的事件
uni.$on('login', name => {
console.log(name) // Jack
})
}
以上就是使用uni.$emit()传值的方法，它可以帮助我们在不同组件之间方便地传递数据。
总结
本文主要介绍了UniApp页面跳转传值的方法，包括使用URL参数传值、使用Vuex传值和使用uni.$emit()传值等。
在实际开发中，我们可以根据实际情况选择不同的方式来传递数据。如果是简单的数据，我们可以考虑使用URL参数传递数据，如果是复杂的数据，我们建议使用Vuex来管理数据，同时，使用uni.$emit()传递数据也是一个不错的选择。