vue监听屏幕宽度

<template>
  <div class="home">
    <div>{{width}}</div>
  </div>
</template>

<script>

export default {
  name: 'Home',
  data() {
    return {
      width: this.getHeight()
    }
  },
  methods: {
    getHeight() {
      this.width = document.body.clientWidth
    }
  },

  created() {
    window.addEventListener('resize', this.getHeight);
    this.getHeight()
  },

  destroyed() {
    window.removeEventListener('resize', this.getHeight);

  }


}
</script>