vue3 动态监听浏览器窗口变化

定义一个属性记录宽度

const screenWidth = ref( ||  || )

在 vue mounted 的时候 去挂载一下 方法

  onMounted(() => {
       = () => {
        return (() => {
           =  ||  || 
        })()
      }
    })

去监听这个 属性值的变化，如果发生变化则讲这个 val 传递给

 watch(() => screenWidth, (val) => {
       = val
    })

这样screenWidth就跟随浏览器的窗口大小动态变化了

进行使用

    const programHaplomultiple = computed(() => {
      return ( * 0.52) /  / 320
    })