H5 + vue 監聽手機屏幕旋轉及判斷橫豎屏

mounted () {
    // 監聽 resize 方法
    window.addEventListener("resize", this.renderResize, false)
},
beforeDestroy () {
    // 移除監聽
    window.removeEventListener("resize", this.renderResize, false)
}

methods: {
    renderResize() {
        // 判斷橫豎屏
        let width = document.documentElement.clientWidth
        let height = document.documentElement.clientHeight
        if(width > height) {
            alert('橫屏')
        }
        // 做頁面適配
        // 注意：renderResize 方法執行時虛擬 dom 尚未渲染掛載，如果要操作 vue 實例，最好在this.$nextTick()裏進行。
    }
}