在vue组件用超链接从一个vue页面跳到另一个vue页面

在Vue.js中，如果你想要通过超链接从一个页面跳转到另一个页面，通常会使用内置的路由功能。Vue Router是一个常用的库，用于处理单页应用（SPA）之间的导航。以下是基本步骤：

1. 安装Vue Router：
使用npm安装：`npm install vue-router`

2. 配置router.js文件：

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

   Vue.use(Router);

   const routes = [
     { path: '/page1', component: Page1Component },
     { path: '/page2', component: Page2Component }
   ];

   export default new Router({
     routes
   });

这里创建了两个页面（Page1Component和Page2Component），它们分别对应路径/page1和/page2。

3. 在Vue组件中添加超链接：

   <template>
     <div>
       <a href="#/page2">跳转到Page2</a>
     </div>
   </template>

   // 如果你想在点击时过渡而不是立即刷新页面，
   // 可以使用router-link组件
   <template>
     <router-link to="/page2">跳转到Page2</router-link>
   </template>

`href="#"`加上路由路径可以避免浏览器的历史记录变化。`router-link`则是Vue Router提供的标签，它会在用户交互时触发导航，并提供动画效果。

4. 在main.js或其他入口文件中配置并引入Router实例：

   import Router from './router';
   
   new Vue({
     router: Router
   }).$mount('#app');