vue的生命周期网络请求

在 Vue 中，可以利用生命周期钩子函数来进行网络请求。以下是使用常见的 `created` 和 `mounted` 钩子函数进行网络请求的示例：

<script>
export default {
  data() {
    return {
      data: null
    };
  },
  created() {
    this.fetchData();
  },
  mounted() {
    // 在组件挂载后执行的代码
  },
  methods: {
    fetchData() {
      // 发起网络请求
      axios.get('https://api.example.com/data')
        .then(response => {
          this.data = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}
</script>

在上面的示例中，我们在 `created` 钩子函数中调用了 `fetchData` 方法，该方法发起了一个 GET 请求，并将返回的数据保存在组件的 `data` 属性中。你可以根据实际需要选择合适的钩子函数来发起网络请求。

需要注意的是，以上示例假设你已经在项目中引入了 axios 库来处理网络请求。你也可以使用其他库或原生的 `fetch` API 来发起网络请求。

另外，如果你需要在组件销毁时取消网络请求，可以使用 `beforeUnmount` 钩子函数来清理资源。例如：

<script>
export default {
  beforeUnmount() {
    // 取消网络请求
    // ...
  }
}
</script>

以上就是利用生命周期钩子函数进行网络请求的常见做法。根据实际情况，你可以选择适合你项目需求的钩子函数来发起和清理网络请求。