初心者限定！！Vueで横幅（width）の変化を検知する方法 - Qiita

今回は、タイトルにも書いてる通りwindowの横幅の変化を検知したいと思います！！！ 長ったらしい話はせずにもうコードを書いていきますね！ まず、初めにdataオブジェクトでcurrentWidthというプロパティを宣言し、横幅が変化するたびに呼び出す関数を設定していきます。 <script> export default { data() { return { currentWidth: window.innerWidth, } }, methods: { calculateWindowWidth() { // 横幅を取得する関数 this.windowWidth = window.innerWidth } } } </script> 初期値として、window.innerWidthを設定しておきます。 次に、DOM要素と紐づけられた後に行う関数mounted、DOM要素が消去される前の