Is it correct to refer to window and document in vue?

Question

Vue.js

Good evening.
Is it correct to refer to window and document in vue? If not, what is the right way to implement it?
Code example:

// ...
  mounted: function () {
    this.$nextTick(function () {
      this.resize()
    })
    window.addEventListener('resize', this.resize) // 1
  },
  beforeDestroy: function () {
    window.removeEventListener('resize', this.resize) // 2
  },
  methods: {
    resize: function () {
      this.$store.dispatch('game/setMapSize', document.body.offsetWidth) // 3
    }
  },
// ...

Answer 1

Well, you seem to have done everything right, it looks like it should:

var app = new Vue({
  el: '#app',
  data: function() {
    return {
      msg: 'Hello World! This is a Event listener test.',
      windowWidth: 0,
      windowHeight: 0,
    }
  },

  mounted() {
    this.$nextTick(function() {
      window.addEventListener('resize', this.getWindowWidth);
      window.addEventListener('resize', this.getWindowHeight);

      //Init
      this.getWindowWidth()
      this.getWindowHeight()
    })

  },

  methods: {
    getWindowWidth(event) {
        this.windowWidth = document.documentElement.clientWidth;
      },

      getWindowHeight(event) {
        this.windowHeight = document.documentElement.clientHeight;
      }
  },
  beforeDestroy() {
    window.removeEventListener('resize', this.getWindowWidth);
    window.removeEventListener('resize', this.getWindowHeight);
  }
});