vue 监听窗口大小

在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组件的destroyed生命周期函数中移除监听事件：

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

这样，当窗口大小变化时，`handleResize`方法会被调用，从而更新`windowWidth`属性的值。