Vue动态路由传参的原理是通过在路由配置中定义动态片段（dynamic segment），然后在路由路径中使用冒号（:）来表示该部分是动态的参数。
例如，在定义路由时可以这样配置：
```
{
path: '/user/:id',
component: User,
props: true
}
```
在这个例子中，`:id`是动态片段，表示在访问`/user/123`这样的路径时，参数`123`会作为`id`这个props传递给`User`组件。
同时，在生成链接时，可以通过`<router-link>`来生成带有参数的链接，例如：
```
<router-link :to="{ path: '/user/' + userId }">User</router-link>
```
在这个例子中，`userId`是一个变量，通过拼接字符串的方式生成链接，然后点击链接时会跳转到类似于`/user/123`的路径。
而在组件中，可以通过props接收并使用这个传递的参数，例如：
```
export default {
props: ['id'],
// ...
}
```
这样就可以在组件中使用`this.id`来访问传递的参数。
