handleResize: function() {
// resizeのたびにこの部分が発火するので、ここでやりたいことをやる
this.width = window.innerWidth;
this.height = window.innerHeight;
mounted: function () {
this.handleResize(); //ページ表示時に実行させる
window.addEventListener('resize', this.handleResize)
beforeDestroy: function () {
window.removeEventListener('resize', this.handleResize)
上記を踏まえてボックス要素の高さと幅を取得する場合、サイズ取得部分を下記のようにする。
this.width = document.querySelector('#hoge').clientWidth;
this.height = document.querySelector('#hoge').clientHeight;
参考サイト
Qiita
VueコンポーネントでWindowサイズ変更検知＆値取得
https://qiita.com/yuukive/items/ede7c087843d2f7ef979
