vue怎么实现页面切换

Vue可以通过路由（router）实现页面切换。在Vue中，常用的路由管理工具是Vue Router。Vue Router可以将应用程序分成多个页面，并指定不同的URL路径和组件，从而实现页面切换。

下面是一个简单的例子，演示如何使用Vue Router实现页面切换：

1. 安装Vue Router

npm install vue-router

2. 在Vue项目中引入Vue Router

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

Vue.use(VueRouter)

3. 配置路由

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

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

4. 在Vue组件中使用路由

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

在以上代码中，`<router-link>`标签用于在页面中创建链接，`<router-view>`标签用于显示当前页面的组件。当用户点击链接时，Vue Router会自动切换页面。