Vue如果实时监测页面的大小改变，就是获取浏览器的大小，比如拖拽浏览器大小的时候vue是可以获取到大小的改变

Question

我想通过Vue获取页面的大小，但是在vue里面只能获取一次，就是初始化的时候会获取到一次，但是浏览器的大小会被改变，而这个时候浏览器的大小在vue里面还是最初的那个值，我想让他跟着实时改变各位前端大牛求教！

Answer 1

正解：
// initialize data
data() {
return {

fullHeight: document.documentElement.clientHeight
}
},

// bind event handlers to the handleResize method (defined below)
ready: function () {

window.addEventListener('resize', this.handleResize)
}, beforeDestroy: function () {

window.removeEventListener('resize', this.handleResize)
},

methods: {

// whenever the document is resized, re-set the 'fullHeight' variable
handleResize (event) {
this.fullHeight = document.documentElement.clientHeight
}
}

Answer 2

window.onresize 监听窗口变化，更新Vue数据。