Vue2 和 Vue3 在 activated 生命周期中发起请求示例

Vue2 和 Vue3 的 activated 生命周期钩子中，可以发起请求的方式是相同的，都可以使用 axios 或其他类似的库来发起请求。下面是一个简单的代码示例：

Vue2 版本：

export default {
  activated() {
    axios.get('/api/data')
      .then(response => {
        // 处理请求成功的逻辑
        console.log(response.data);
      })
      .catch(error => {
        // 处理请求失败的逻辑
        console.error(error);
      });
  }
}

Vue3 版本：

import { ref, onActivated } from 'vue';

export default {
  setup() {
    const data = ref(null);

    onActivated(() => {
      axios.get('/api/data')
        .then(response => {
          // 处理请求成功的逻辑
          data.value = response.data;
        })
        .catch(error => {
          // 处理请求失败的逻辑
          console.error(error);
        });
    });

    return { data };
  }
}

上面的代码示例中，当组件被激活时（activated 生命周期钩子触发），会发起一个 GET 请求到 /api/data 接口，并根据请求结果进行相应的处理。注意在 Vue3 中，需要使用 ref 和 onActivated 来定义响应式的变量和生命周期钩子。