vue 路由跳转点击按钮跳转到某一个页面并传参数

在Vue中使用路由跳转并传递参数，可以使用`<router-link>`组件或者`$router.push()`方法。

1. 使用`<router-link>`组件

在模板中使用`<router-link>`组件，并绑定`to`属性来指定跳转的路径，可以使用`query`属性来传递参数，如下所示：

<router-link :to="{path: '/user', query: {id: 123}}">跳转到用户页面</router-link>

在用户页面中，可以通过`this.$route.query`获取传递过来的参数。

2. 使用`$router.push()`方法

在Vue组件中，可以通过`this.$router.push()`方法来实现路由跳转，并传递参数，如下所示：

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

在用户页面中，同样可以通过`this.$route.query`获取传递过来的参数。

注意：如果要传递的参数比较多，可以使用`params`属性来传递参数，但是需要在路由配置中声明参数，具体使用方法可以参考Vue官方文档。