vue2 如何路由跳转

在Vue.js 2中，可以使用Vue Router来实现路由跳转。下面是一个简单的介绍：

1. 首先，需要安装Vue Router。可以通过npm或者yarn来安装，命令如下：

   npm install vue-router

或者

   yarn add vue-router

2. 在Vue项目的入口文件（通常是main.js）中，引入Vue Router并使用它：

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

   Vue.use(VueRouter)

3. 创建路由实例，并定义路由规则：

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

   const router = new VueRouter({
     routes
   })

4. 在Vue实例中使用路由实例：

   new Vue({
     router,
     render: h => h(App)
   }).$mount('#app')

5. 在组件中使用路由跳转，可以使用`<router-link>`组件来生成链接，或者使用`this.$router.push()`方法来编程式导航。

- 使用`<router-link>`组件：

     <router-link to="/">Home</router-link>
     <router-link to="/about">About</router-link>

- 使用`this.$router.push()`方法：

     // 字符串形式的路径
     this.$router.push('/')
     
     // 命名路由
     this.$router.push({ name: 'About' })
     
     // 带参数的路径
     this.$router.push({ path: '/user/123' })

这样，当用户点击链接或者调用`this.$router.push()`方法时，Vue Router会根据定义的路由规则进行跳转。