F2E

使用Vue.js監聽視窗大小（寬）

注意！window.onresize只能在專案中一處進行引用觸發，觸發後通過元件間通訊進行觸發。

1. 在 data 定義一個記錄寬度的屬性

1
2
3
4
5
data () {
  return {
    myWidth: window.innerWidth + 'px'
  }
}

2. 將reisze事件，在mounted()時去掛載

1
2
3
4
5
6
7
8
mounted() {
  const self = this
  window.onresize = () => {
    return (() => {
      self.myWidth = window.innerWidth + 'px'
    })()
  }
}