vue3 watch 监听屏幕分辨率变化调用自定义函数

可以使用 `watchEffect` 监听屏幕分辨率变化，并在回调函数中调用自定义函数。

例如，以下代码监听屏幕分辨率变化，并在回调函数中调用 `handleResize` 函数：

import { watchEffect } from 'vue'

export default {
  setup() {
    const handleResize = () => {
      // 自定义函数
      console.log('屏幕分辨率发生变化')
    }

    watchEffect(() => {
      const { innerWidth, innerHeight } = window
      handleResize(innerWidth, innerHeight)
    })
  }
}

在上面的代码中，我们使用 `watchEffect` 监听了 `window` 对象的 `innerWidth` 和 `innerHeight` 属性的变化。每当这两个属性的值发生变化时，回调函数会被调用。在这个回调函数中，我们调用了自定义的 `handleResize` 函数来处理屏幕分辨率变化的逻辑。