vue.js实现两个页面切换

Vue.js实现两个页面之间的切换通常通过路由（Routing）功能完成，它是Vue应用的一个核心特性。以下是基本步骤：

1. 安装Vuex Router：首先需要安装Vue Router库，可以使用npm或yarn进行安装：

   npm install vue-router
   # 或者
   yarn add vue-router

2. 创建路由器实例：在main.js文件中配置路由，创建一个新的Vue Router实例，并设置路由规则，例如：

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home.vue'
import About from '@/components/About.vue'

Vue.use(Router)

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

const router = new Router({
  routes
})

export default router

3. 在组件中导航：在需要切换页面的地方，比如按钮点击事件，你可以使用`this.$router.push('/path')`来跳转到指定路径，如`this.$router.push('/about')`。

4. 路由守卫（可选）：如果需要对路由做权限验证或其他处理，可以使用路由守卫（gaurd），比如`beforeEach`。

5. 使用动态路由：如果你有多个相似的页面，可以使用动态路由匹配模式，如`/:id`。