vue 实现页面跳转 地址栏不变 具体代码

你可以使用 Vue Router 中提供的 `push` 方法来实现页面跳转，同时保持地址栏不变。具体的代码示例如下：

// 导入 Vue 和 Vue Router
import Vue from 'vue'
import VueRouter from 'vue-router'

// 注册 Vue Router
Vue.use(VueRouter)

// 创建路由实例
const router = new VueRouter({
  routes: [
    // 定义路由规则
    { path: '/', component: Home },
    { path: '/about', component: About },
    { path: '/contact', component: Contact },
  ]
})

// 在 Vue 实例中使用 Router
new Vue({
  router,
  el: '#app',
  template: '<router-view></router-view>'
})

在上面的代码中，我们首先导入 Vue 和 Vue Router，并将 Vue Router 注册到 Vue 实例中。然后我们创建一个路由实例，定义了三个路由规则。最后在 Vue 实例中使用 Router，并将路由视图的模板绑定到 `<div id="app"></div>` 元素中。

在组件中，我们可以使用 `this.$router.push` 方法来实现页面跳转，同时保持地址栏不变。例如：

// 在组件中实现页面跳转
this.$router.push('/about')

这样就会跳转到 `/about` 路由下的组件，并且地址栏不会发生变化。