vue2单页面跳转

在 Vue.js 2 中，可以使用 Vue Router 来实现单页面跳转。以下是一个简单的例子：

1. 首先，安装 Vue Router：

npm install vue-router --save

2. 在入口文件（比如 main.js）中，导入 Vue 和 Vue Router，并创建路由实例：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: Home
    },
    {
      path: '/about',
      component: About
    }
  ]
})

这里定义了两个路由：'/' 和 '/about'，分别对应两个组件 Home 和 About。

3. 在根组件（比如 App.vue）中，使用 `<router-view>` 标签来显示当前路由所对应的组件：

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

4. 在需要进行跳转的地方（比如一个按钮点击事件），使用 `$router.push()` 方法来跳转到指定路由：

methods: {
  goToAbout() {
    this.$router.push('/about')
  }
}

这样，点击按钮时就会跳转到 '/about' 路由对应的组件。

以上就是一个简单的 Vue.js 2 单页面跳转的实现方法。当然，还有很多其他的高级用法可以在 Vue Router 中使用，可以参考官方文档来深入学习。