在Vue框架中，路由传参一般有三种常用的方式：使用路由参数、使用查询参数和使用路由配置。

1. 使用路由参数:

在Vue的路由中，可以定义动态路由参数，可以在路由路径中使用冒号(:)后面跟一个名称，如`/user/:id`。

当访问`/user/1`时，`:id`的值将为1。可以通过`$route.params`来获取路由参数的值，在组件中可以直接通过`this.$route.params.id`来获取id的值。

使用路由参数的好处是可以将参数直接暴露在URL中，可以直接复制链接，方便分享和保存，并且刷新页面时依然可以获取到原来的参数值。但也有一些限制，比如参数不能包含斜杠(`/`)等特殊字符，不适合传递较大的数据。

2. 使用查询参数:

在Vue的路由中，还可以使用查询参数来传递参数，查询参数是在URL中使用`?`后面跟多个键值对的方式，如`/user?id=1&name=John`。

可以通过`$route.query`来获取查询参数的值，在组件中可以直接通过`this.$route.query.id`来获取id的值。

使用查询参数的好处是可以传递较大的数据，并且不受特殊字符的限制。但不方便复制链接，且刷新页面时查询参数会丢失，需要手动重新输入。

3. 使用路由配置:

在Vue的路由配置中，可以通过`props`来传递参数，可以是静态的值，也可以是通过函数动态计算的值。

如果是静态的值，可以直接在路由配置中设置，例如:

```javascript

{

path: '/user'

component: User

props: {

id: 1

name: 'John'

}

}

```

在组件中可以直接通过`props`属性来接收传递的参数值：

```javascript

props: ['id'

'name']

```

如果是通过函数动态计算的值，可以将`props`设置为一个返回对象的函数，例如：

```javascript

{

path: '/user/:id'

component: User

props: (route) => ({

id: parseInt(route.params.id)

name: 'John'

})

}

```

在组件中通过`props`属性接收参数值同样可以获取到计算后的值。

使用路由配置的好处是可以直接在路由中设置默认的参数值，以及可以通过函数动态计算参数值。

这就是Vue路由传参的三种常用方式，根据不同的需求和场景可以选择合适的方式来传递参数。