vue页面路由跳转.

在Vue中，可以使用Vue Router来进行页面路由跳转。下面是一个简单的示例：

1. 首先，确保已经安装了Vue Router。可以通过以下命令进行安装：

npm install vue-router

2. 在你的Vue项目中，创建一个`router.js`文件，用于配置路由。在该文件中，引入Vue和Vue Router，并创建一个路由实例。示例代码如下：

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

// 引入你的组件
import Home from './components/Home.vue';
import About from './components/About.vue';
import Contact from './components/Contact.vue';

Vue.use(VueRouter);

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

const router = new VueRouter({
  routes
});

export default router;

3. 在你的Vue实例中，使用该路由实例。示例代码如下：

import Vue from 'vue';
import App from './App.vue';
import router from './router';

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

4. 在你的组件中，可以使用`<router-link>`标签进行路由跳转。示例代码如下：

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

5. 可以通过`<router-view>`标签来显示当前路由对应的组件。示例代码如下：

<template>
  <div>
    <router-view></router-view>
  </div>
</template>

这样，你就可以通过点击`<router-link>`标签来实现页面路由跳转了。