vue一个页面跳到另一个页面传参 怎么接收参数

在Vue中，可以通过使用路由传参来实现页面之间的参数传递。首先，你需要在路由配置中定义参数，然后在页面跳转时将参数传递给目标页面，最后在目标页面中接收参数。

1. 在路由配置文件中定义参数：

// router.js
import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/page2/:param', // 定义参数名为param
    name: 'Page2',
    component: () => import('@/views/Page2.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

2. 在源页面中进行页面跳转并传递参数：

<template>
  <div>
    <router-link to="/page2/参数值">跳转到Page2</router-link>
  </div>
</template>

3. 在目标页面中接收参数：

<template>
  <div>
    <h1>接收到的参数：{{ $route.params.param }}</h1>
  </div>
</template>

其中，`$route.params.param` 表示接收到的参数值。

这样，当你点击源页面中的链接跳转到目标页面时，目标页面就可以接收到传递的参数了。