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

在Vue 2中可以使用Vue的`mounted`和`beforeDestroy`钩子函数以及`window.addEventListener`来实现监听视口高度变化的功能，具体步骤如下：

1. 在组件中定义`handleResize`函数，编写视口高度变化后需要执行的代码：

methods: {
  handleResize() {
    // 视口高度发生变化后需要执行的代码
  }
}

2. 在`mounted`钩子函数中添加`window.addEventListener`监听窗口高度变化的事件：

mounted() {
  window.addEventListener('resize', this.handleResize);
}

3. 在`beforeDestroy`钩子函数中移除监听事件：

beforeDestroy() {
  window.removeEventListener('resize', this.handleResize);
}

完整代码示例：

export default {
  methods: {
    handleResize() {
      // 视口高度发生变化后需要执行的代码
    }
  },
  mounted() {
    window.addEventListener('resize', this.handleResize);
  },
  beforeDestroy() {
    window.removeEventListener('resize', this.handleResize);
  }
};

这样，当视口高度发生变化时，`handleResize`函数就会被立即执行。