两个vue写的页面间怎么跳转

在Vue中，可以使用Vue Router来实现页面之间的跳转。

首先，你需要在Vue项目中安装Vue Router。可以通过以下命令来安装：

npm install vue-router

安装完成后，在项目的入口文件（通常是`main.js`）中导入Vue Router，并使用`Vue.use()`方法来注册它：

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

Vue.use(VueRouter)

接下来，你需要创建一个路由实例，并定义路由规则。在路由规则中，你可以指定URL路径与对应的组件：

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

在上面的例子中，我们定义了两个路由：`/home`和`/about`，分别对应`Home`和`About`组件。

然后，在Vue实例中使用创建的路由实例：

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

在Vue组件中，可以使用`<router-link>`标签来创建链接，通过点击链接可以实现页面的跳转。例如，在导航栏中添加两个链接：

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

最后，在需要跳转的地方使用`<router-view>`标签来渲染对应的组件：

<router-view></router-view>

这样，当点击链接时，页面就会根据路由规则进行相应的跳转和组件的渲染。