Salto de página Vue, carregando parâmetros e resumo dos métodos relacionados à aquisição de parâmetros

Ao usar o framework vue para desenvolver projetos, é inevitável que você encontre saltos de página e a necessidade de transportar parâmetros.Deixe-me resumir algumas necessidades diárias e soluções encontradas no projeto.
Os parâmetros são passados ​​pela conexão, o link do parâmetro é visível:

this.$router.push({name: 'b页面'，query:{userId: 123}})   //跳转到b页面，携带参数useId.

Os parâmetros aqui podem ser vistos no link e, em seguida, os parâmetros podem ser obtidos interceptando o nome do parâmetro do link. A função específica:

export function getParameterByName(name) {
  name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
  const regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
  const results = regex.exec(location.href);
  return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
}

A página apresenta esta função, diretamente getParameterByName('userId'), e está ok.
Existe outro método que carrega parâmetros e o link é invisível para garantir a segurança da página.

this.$router.push({name: 'b页面'，params:{userId: 123}}) // 跳转b页面，参数链接不可见

Fica mais fácil obter os parâmetros passados ​​desta forma, basta definir uma variável na página b:

let id = this.$router.params.userId;

Obtenha os parâmetros correspondentes.
Claro, também há saltos através de:

<router-link :to="{name:b页面，params:{userId: 123}}">跳转b页面</router-link>

Para obter valores de parâmetros, você só precisa definir variáveis.