track window resize in vue
<template>
<div>
<!-- Your component's template goes here -->
</div>
</template>
<script>
export default {
data() {
return {
windowWidth: window.innerWidth,
};
},
mounted() {
window.addEventListener('resize', this.handleResize);
},
beforeDestroy() {
window.removeEventListener('resize', this.handleResize);
},
methods: {
handleResize() {
this.windowWidth = window.innerWidth;
},
},
};
</script>
<style scoped>
/ Your component's styles go here /
</style>