切换组件和页面时，http请求未执行。

应在组件或页面进入时执行http请求，而不是在切换时执行。以下是一个示例：

<template>
  <button @click="getData">获取数据</button>
</template>

<script>
export default {
  methods: {
    getData() {
      this.$http.get('http://example.com/data').then(response => {
        console.log(response.data)
      })
    }
  },
  created() {
    this.getData()
  }
}
</script>

在这个示例中，getData方法会向服务器发起http请求并打印响应数据。created生命周期钩子会在组件创建时执行，所以在进入组件时就会获取数据。这样，无论用户如何切换页面，数据都会被更新。