Lodash Debounce VueJS

Description

Using lodash.debounce inside of Vue to create event listener.

Window Scroll

<script>
import debounce from "lodash.debounce";

export default {
  created() {
    window.addEventListener("resize", this.resizeWindow);
  },
  destroyed() {
    window.removeEventListener("resize", this.resizeWindow);
  },
  methods: {
    resizeWindow: debounce(function() {
      console.log(window.innerHeight * 0.9);
    }, 200)
  },
};
</script>

Window Resize

<script>
import debounce from "lodash.debounce";

export default {
  created() {
    window.addEventListener("resize", this.resizeWindow);
  },
  destroyed() {
    window.removeEventListener("resize", this.resizeWindow);
  },
  methods: {
    resizeWindow: debounce(function() {
      console.log(window.innerHeight * 0.9);
    }, 200)
  },
};
</script>