写一个代码示例，使用vue-router实现页面跳转

好的，以下是一个简单的使用Vue Router实现页面跳转的代码示例：

1. 安装Vue Router

npm install vue-router

2. 在Vue项目中引入Vue Router

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

Vue.use(VueRouter);

3. 定义路由

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

4. 在Vue实例中使用路由

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

5. 在模板中使用路由

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

以上代码示例中，路由定义了三个路径：'/'、'/about'和'/contact'，分别对应着三个组件：Home、About和Contact。在模板中使用<router-link>标签可以实现页面跳转，<router-view>标签则会渲染对应的组件。