路由器更改url，但不更改呈现的组件。

import { useHistory } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();

  const handleChangeURL = () => {
    history.push('/new-url');
  };

  return (
    <div>
      <button onClick={handleChangeURL}>Change URL</button>
      {/* ... */}
    </div>
  );
}

<template>
  <div>
    <button @click="changeURL">Change URL</button>
    <!-- ... -->
  </div>
</template>

<script>
export default {
  methods: {
    changeURL() {
      this.$router.push({ path: '/users/123' });
    },
  },
};
</script>

<ul>
  <li><a href="#section1">Section 1</a></li>
  <li><a href="#section2">Section 2</a></li>
  <li><a href="#section3">Section 3</a></li>
</ul>

<div id="section1">
  <!-- ... -->
</div>
<div id="section2">
  <!-- ... -->
</div>
<div id="section3">
  <!-- ... -->
</div>