"setInterval“内的函数不会从钩子接收更新后的变量

import React, { useEffect, useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    const interval = setInterval(() => {
      // 在这里可以访问到更新后的count变量
      console.log(count);
    }, 1000);

    return () => {
      clearInterval(interval);
    };
  }, [count]);

  return (
    <div>
      <button onClick={() => setCount(count + 1)}>Increase Count</button>
    </div>
  );
}

export default {
  data() {
    return {
      count: 0,
    };
  },
  watch: {
    count(newValue) {
      const interval = setInterval(() => {
        // 在这里可以访问到更新后的count变量
        console.log(newValue);
      }, 1000);

      // 在组件销毁时清除定时器
      this.$once('hook:beforeDestroy', () => {
        clearInterval(interval);
      });
    },
  },
  methods: {
    increaseCount() {
      this.count++;
    },
  },
};