Vue和react异步请求的代码区别

Vue和React都可以使用axios进行异步请求，但是它们的使用方式不完全相同。

在Vue中，我们可以在Vue组件的`methods`中定义一个方法来处理异步请求，例如：

methods: {
  fetchData() {
    axios.get('/api/data')
      .then(response => {
        // 处理响应数据
      })
      .catch(error => {
        // 处理错误
      });
  }
}

而在React中，则通常会将异步请求放在`componentDidMount`生命周期函数中，例如：

class MyComponent extends React.Component {
  componentDidMount() {
    axios.get('/api/data')
      .then(response => {
        // 处理响应数据
      })
      .catch(error => {
        // 处理错误
      });
  }

  render() {
    // 渲染组件
  }
}

需要注意的是，React中使用axios时，需要在`componentWillUnmount`生命周期函数中取消未完成的请求，以免出现内存泄漏的问题。例如：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.source = axios.CancelToken.source();
  }

  componentDidMount() {
    axios.get('/api/data', { cancelToken: this.source.token })
      .then(response => {
        // 处理响应数据
      })
      .catch(error => {
        // 处理错误
      });
  }

  componentWillUnmount() {
    this.source.cancel('组件卸载，取消请求');
  }

  render() {
    // 渲染组件
  }
}

以上是Vue和React异步请求的代码区别。