vue 跳转页面传参和接收参数

在Vue中，可以使用路由参数来实现页面之间的参数传递和接收。以下是一种常用的方法：

1. 传递参数：在跳转的时候，通过路由配置中的`params`属性传递参数。

// 跳转页面时传递参数
this.$router.push({
  path: '/target',
  params: {
    param1: 'value1',
    param2: 'value2'
  }
})

2. 接收参数：在目标页面中，通过`$route.params`来获取传递的参数。

// 在目标页面中接收参数
export default {
  mounted() {
    const param1 = this.$route.params.param1;
    const param2 = this.$route.params.param2;
    // 使用获取到的参数进行后续操作
  }
}

需要注意的是，使用路由参数传递参数时，目标页面需要定义对应的路由配置。在路由配置中，使用冒号（:）来定义参数占位符。

// 路由配置中定义参数占位符
{
  path: '/target/:param1/:param2',
  component: TargetComponent
}

这样就可以在目标页面中通过`this.$route.params.param1`和`this.$route.params.param2`获取传递的参数值了。

另外，还可以使用`query`属性来传递参数，使用方式与`params`类似。但是，使用`query`传递的参数会显示在URL中，适合传递较少敏感的参数。