如何让router-link跳转页面后跳转的内容替换原来的页面内容

可以使用Vue.js提供的路由功能来实现这个功能。具体步骤如下：

1. 在Vue.js中设置路由，在路由配置中指定组件的路径和组件的名称。

2. 在Vue.js组件中使用router-link来创建链接。

3. 在Vue.js组件中使用router-view来显示路由组件。

当用户点击router-link时，Vue.js会根据路由配置的路径来加载对应的组件，并将组件显示在router-view中。这样就能实现在页面中显示其他内容的效果。

以下是一个简单的示例代码：

<template>
  <div>
    <router-link to="/about">About</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
import About from './About.vue'

export default {
  name: 'App',
  components: {
    About
  }
}
</script>

<!-- 路由配置 -->
<script>
import Vue from 'vue'
import VueRouter from 'vue-router'
import About from './About.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/about',
    name: 'about',
    component: About
  }
]

const router = new VueRouter({
  mode: 'history',
  routes
})

export default router
</script>

在上面的代码中，router-link会跳转到/about路径，并加载About组件。router-view会显示加载的组件。这样就能实现在页面中显示其他内容的效果。