vue怎么在切换页面时发送请求

在Vue中，你可以通过使用Vue Router来实现页面切换时发送请求。下面是一个简单的示例：

1. 首先，安装并导入Vue Router：

npm install vue-router

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

Vue.use(VueRouter)

2. 创建一个Vue Router实例，并配置路由：

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

3. 在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>` 标签用于渲染当前页面的内容。

4. 在需要发送请求的组件中，可以使用Vue的生命周期钩子函数来发送请求。例如，在 `About` 组件中，可以使用 `created` 钩子函数发送请求：

export default {
  created() {
    // 发送请求的代码
  }
}

通过这种方式，在每次切换到 `About` 页面时，请求都会在组件创建时发送。

这只是一个基本示例，你可以根据你的需求进行更复杂的配置和请求处理。详细的Vue Router文档可以在Vue官方网站上找到。