當我們想要獲取頁面高度時，通常可以使用JavaScript的`document.body.clientHeight`或者`document.documentElement.clientHeight`代碼來實現。但是在Vue框架中，我們可以有更加方便的方式來獲取頁面高度。

export default {
data() {
return {
pageHeight: null
}
},
mounted() {
this.pageHeight = this.$refs.app.clientHeight
}
}

在上面的代碼中，我們使用了Vue的`$refs`屬性來引用HTML元素。在Vue中，當我們使用`ref`屬性來給元素命名之后，我們就可以在Vue實例中使用`$refs`屬性來引用這個元素。具體來說，在上面的代碼中，我們給`div`元素添加了一個名為`app`的`ref`屬性，然后在`mounted`函數中，我們通過`this.$refs.app.clientHeight`代碼來獲取該元素的高度。

值得注意的是，上面的代碼只是獲取了HTML元素的高度，而并不是頁面的高度。如果我們想要獲取整個頁面的高度，我們需要將這個邏輯稍微改一下：

export default {
data() {
return {
pageHeight: null
}
},
mounted() {
this.$nextTick(() =>{
this.pageHeight = document.documentElement.offsetHeight
})
}
}

在這段代碼中，我們使用了Vue的`$nextTick`函數來確保在DOM渲染完成之后獲取頁面高度。當我們通過`document.documentElement.offsetHeight`來獲取頁面高度時，可以確保這個值是整個頁面的高度，而不僅僅是HTML元素的高度。

總結一下，雖然在Vue框架中獲取頁面高度的方法比原生JavaScript稍微麻煩了一點，但是使用Vue的`$refs`屬性可以讓我們非常方便地獲取HTML元素的高度，而Vue的`$nextTick`函數又可以確保在DOM渲染完成之后獲取整個頁面的高度。