vue3 的setup语法糖怎么通过可以监听视口一旦高度发生变化 就立刻执行的钩子函数

在Vue3的`setup`函数中，可以使用`onMounted`和`onUpdated`钩子函数来分别在组件挂载和更新时执行一些代码。如果想要监听视口高度变化并立刻执行相应的代码，可以使用`window.addEventListener`方法监听`resize`事件，然后在事件回调函数中执行需要执行的代码。具体实现如下：

import { onMounted, onUpdated } from 'vue';

export default {
  setup() {
    onMounted(() => {
      window.addEventListener('resize', handleResize);
    });
    onUpdated(() => {
      // do something
    });

    const handleResize = () => {
      // do something when viewport height changes
    }
  }
}

在`onMounted`钩子函数中注册`resize`事件的监听器，然后定义一个`handleResize`函数来处理事件回调。当视口高度发生变化时，`handleResize`函数会被立刻调用，从而执行需要执行的代码。