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() 里进行。
    }
}