...

Si queremos hacerlo de forma programática, en la parte de JavaScript concon this.$router.pusthpush():

// path
this.$router.push('home')
 
// path
this.$router.push({ path: 'home' })
 
// nombre + parámetros path (....um.es/loquesea?userId=123)
this.$router.push({ name: 'user', params: { userId: '123' } }) 

// nombre + parámetros query (....um.es/loquesea?userId=123)
this.$router.push({ name: 'user', params: { userId: '123' } })

Aquí vemos las opciones de path params y query params. Para utilizar los path params, es necesario navegar por nombre, no utilizando el path. Para obtener sus valores en el componente al que se navega, lo podemos hacer con:

// path params
this.$route.params.nombreparametro

// query params
this.$route.query.nombreparametro

Es importante saber que estos valores se reciben como un string.

Interceptores de navegación

...