router-link to 不刷新页面

`router-link to` 是 Vue Router 中的一个指令，用于在单页应用（SPA）中创建链接，指向不同的路由。使用它时，如果你想创建一个链接但不希望页面进行完整的刷新，而是仅仅改变视图或导航到新的URL，Vue Router 提供了一种叫做 "懒加载"（lazy navigation）的方式。

在 `router-link` 中，你可以设置 `to` 属性为一个路径名、一个对象或者一个组件，加上 `v-if` 或者 `v-show` 等条件控制是否真的触发导航。例如：

<router-link :to="{ name: 'yourRouteName', params: { id: yourId }}" v-if="isReady">
  Click me (without page refresh)
</router-link>

在这个例子中，如果 `isReady` 为 `false`，那么链接不会触发导航，直到条件变为 `true`。

此外，Vue Router 的 `replace` 方法也可以用来进行无刷新导航。虽然它默认是替换当前的路由，但你可以通过 `router.push()` 并传递 `{ replace: true }` 参数来实现相同效果：

this.$router.replace({ path: '/newRoute', query: { param: 'value' } });