Vue 2页面引用另一个页面

在Vue 2中，如果你想要在一个页面引用或动态导入另一个页面的内容，你可以使用`<router-view>`组件配合Vue Router来实现单页应用（SPA）。以下是一个基本步骤：

1. 首先，你需要安装并配置Vue Router。在你的项目中安装它：

   npm install vue-router

2. 创建一个包含路由配置的文件，如`router.js`：

   import Vue from 'vue';
   import Router from 'vue-router';
   import Home from '@/components/Home.vue'; // 引入你要跳转到的页面

   Vue.use(Router);

   export default new Router({
     routes: [
       {
         path: '/home', 
         component: Home, 
         name: 'Home'
       }
     ]
   });

3. 然后，在你的主App组件或者任何一个需要引入子页面的地方，使用`<router-view>`标签：

   <template>
     <div id="app">
       <router-view></router-view> <!-- 这里会渲染匹配路由的组件 -->
     </div>
   </template>

4. 要从当前页面导航到`Home`页面，可以在对应的按钮点击事件或者其他适当的地方添加路由链接：

   <button @click="goToHome">访问首页</button>

   <script>
   export default {
     methods: {
       goToHome() {
         this.$router.push('/home'); // 使用this.$router.go方法进行导航
       }
     }
   };
   </script>