vue3使用onresize方法监听页面宽度

在Vue3中使用onresize方法来监听页面宽度，可以通过以下步骤实现：

1. 在组件的mounted()生命周期中，使用window.addEventListener()方法监听resize事件。

2. 在resize事件的回调函数中，使用window.innerWidth获取当前窗口的宽度，并将其保存在data中。

3. 在组件的template中使用{{}}插值表达式来显示保存的宽度值。

以下是示例代码：

<template>
  <div>
    当前窗口宽度：{{ windowWidth }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      windowWidth: window.innerWidth
    }
  },
  mounted() {
    window.addEventListener('resize', this.handleResize)
  },
  methods: {
    handleResize() {
      this.windowWidth = window.innerWidth
    }
  }
}
</script>