使用vuejs设置反应式屏幕宽度

<template>
  <div>
    <p>屏幕宽度: {{ screenWidth }}px</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      screenWidth: 0
    };
  },
  created() {
    window.addEventListener('resize', this.updateScreenWidth);
    this.updateScreenWidth();
  },
  destroyed() {
    window.removeEventListener('resize', this.updateScreenWidth);
  },
  methods: {
    updateScreenWidth() {
      this.screenWidth = window.innerWidth;
    }
  }
};
</script>