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

在Vue.js中，为了避免重复发送HTTP请求和提高页面渲染速度，Vue通过缓存页面组件的方式来提高性能。因此，当切换页面时，相同的组件不会被重新加载，而是被缓存起来，在需要时从缓存中取出。因此，需要在组件中使用activated钩子函数，在组件重新激活时执行HTTP请求，而不是created或mounted钩子函数中执行。代码示例如下：

<template> <div>{{data}}</div> </template> <script> export default { data() { return { data: null } }, activated() { this.fetchData() }, methods: { fetchData() { axios.get('url') .then(res => { this.data = res.data }) .catch(error => { console.log(error) }) } } } </script>

在这个例子中，当组件从缓存中重新激活时，将执行activated钩子函数，从而调用fetchData方法并发送HTTP请求获取数据并更新页面。