vue编程式路由跳转对象传参方式

在Vue中，编程式路由跳转对象传参方式有两种：

1. 使用params传参

this.$router.push({
  name: 'user',
  params: {
    id: '123'
  }
})

在目标组件中，通过`$route.params`来获取传递的参数：

<template>
  <div>
    {{ $route.params.id }}
  </div>
</template>

2. 使用query传参

this.$router.push({
  name: 'user',
  query: {
    id: '123'
  }
})

在目标组件中，通过`$route.query`来获取传递的参数：

<template>
  <div>
    {{ $route.query.id }}
  </div>
</template>

需要注意的是，使用params传参时，参数会被编码，使用query传参时，参数不会被编码。另外，query传参支持传递任意类型的参数，而params传参只支持传递字符串类型的参数。