React的useEffect与Vue的watch

React的useEffect和Vue的watch都是用于监听数据变化并执行相应的操作。

在React中，useEffect是一个React Hook，用于处理副作用操作，比如监听数据变化、发送网络请求、订阅事件等。它接收两个参数：一个是回调函数，用于定义副作用操作；另一个是依赖数组，用于指定需要监听的变量。当依赖数组中的变量发生改变时，useEffect会重新执行回调函数。如果依赖数组为空，则只在组件挂载和卸载时执行一次回调函数。

示例代码：

import React, { useEffect } from 'react';

function MyComponent(props) {
  useEffect(() => {
    // 在组件挂载和props.data发生改变时执行
    console.log('props.data发生了改变');
  }, [props.data]);

  return <div>{props.data}</div>;
}

在Vue中，watch是一个实例方法，用于监听数据的变化，并在数据变化时执行相应的操作。它接收两个参数：一个是要监听的属性名称，可以是一个字符串或一个函数；另一个是回调函数，用于定义监听到数据变化后的操作。除了这两个参数，还可以有一些选项参数来控制监听的行为。

示例代码：

export default {
  data() {
    return {
      data: ''
    };
  },
  watch: {
    data(newVal, oldVal) {
      // 在data发生改变时执行
      console.log('data发生了改变');
    }
  }
}

总的来说，React的useEffect和Vue的watch都可以用于监听数据变化，并执行相应的操作，但它们在语法和使用方式上略有不同。