Vue2 监听窗口宽度变化：完整指南

可以使用 Vue 的 watch 属性来监听窗口宽度的变化。

步骤如下：

1. 在 Vue 组件中，定义一个 data 属性来保存窗口宽度：

data() {
  return {
    windowWidth: window.innerWidth
  }
}

2. 在 Vue 组件的 mounted 钩子中，添加一个窗口宽度变化的监听器：

mounted() {
  window.addEventListener('resize', this.handleResize)
},
methods: {
  handleResize() {
    this.windowWidth = window.innerWidth
  }
}

3. 在 Vue 组件的 watch 属性中，监听窗口宽度的变化：

watch: {
  windowWidth(newVal, oldVal) {
    // 窗口宽度变化后的处理逻辑
  }
}