vue2.0点击页面跳转

在Vue.js 2.0中，实现页面间的跳转通常会用到组件之间的导航或者路由管理。如果你是在单页应用(Single Page Application, SPA)的场景下，可以使用Vue Router这个官方推荐的路由库。以下是基本步骤：

1. **安装 Vue Router**：
使用 npm 或者 yarn 安装：

   npm install vue-router

2. **设置路由配置**：
在 main.js 文件中引入并配置路由资源：

   import Vue from 'vue'
   import Router from 'vue-router'
   import Home from './components/Home.vue'
   import About from './components/About.vue'

   // 创建路由实例
   const router = new Router({
     routes: [
       { path: '/', component: Home },
       { path: '/about', component: About }
     ]
   })

   // 将路由挂载到 Vue 实例上
   Vue.use(Router)

3. **在组件中添加导航链接**：
在需要跳转的组件模板里，通过`router-link`标签：

   <router-link to="/">首页</router-link>
   <router-link to="/about">关于</router-link>

4. **处理跳转事件**：
如果你想在某个按钮点击事件中跳转，可以在组件内绑定 `@click` 事件并调用 `this.$router.push` 或 `this.$router.go` 方法：

   <button @click="goToAbout">
     点击去关于
   </button>

   methods: {
     goToAbout() {
       this.$router.push('/about')
       // 或者
       // this.$router.go(1) // 跳转到下一个路由
     }
   }