Vue.js 路由跳转传递参数：query 和 params 的使用

在 Vue 中，可以使用this.$router.push方法进行路由跳转，并且可以传递参数。

传递参数有两种方式：

1. 通过 URL 参数传递参数：可以将参数作为 URL 的一部分，通过query属性传递。例如：

this.$router.push({
  path: '/path',
  query: {
    param1: 'value1',
    param2: 'value2'
  }
})

在目标路由组件中，可以通过this.$route.query来获取传递的参数。

2. 通过路由参数传递参数：可以将参数作为路由的一部分，通过params属性传递。例如：

this.$router.push({
  path: '/path',
  params: {
    param1: 'value1',
    param2: 'value2'
  }
})

需要注意的是，使用params传递参数时，目标路由需要在路由配置中设置props: true。在目标路由组件中，可以通过this.$route.params来获取传递的参数。

另外，如果需要在路由跳转之后执行一些操作，可以在this.$router.push方法中使用then方法：

this.$router.push('/path').then(() => {
  // 执行一些操作
})