在VueJS中，有没有一种方法可以让你绑定的样式对屏幕的大小变化做出反应？

<template>
  <div :class="dynamicClass"></div>
</template>

<script>
export default {
  computed: {
    dynamicClass() {
      if (window.innerWidth < 600) {
        return 'small-screen';
      } else if (window.innerWidth < 1200) {
        return 'medium-screen';
      } else {
        return 'large-screen';
      }
    }
  }
}
</script>

.small-screen {
  /* 样式规则适用于屏幕宽度小于600px的情况 */
}

.medium-screen {
  /* 样式规则适用于屏幕宽度小于1200px的情况 */
}

.large-screen {
  /* 样式规则适用于屏幕宽度大于等于1200px的情况 */
}