當我們需要獲取瀏覽器窗口的高度時，可以使用JavaScript中的window對象來獲取。但是如果我們使用Vue框架開發Web應用程序時，我們需要利用Vue提供的一些方法來監聽窗口的高度。

window.addEventListener("resize", function() {
app.windowHeight = window.innerHeight;
});

上面的代碼是一個典型的JavaScript監聽窗口大小變化的代碼，其中window對象提供了resize事件，我們可以使用addEventListener方法為其添加一個事件監聽器。當窗口大小發生變化時，這個事件監聽器將被觸發。

代碼中的函數體監聽了窗口大小變化，獲取了innerHeight屬性的值，將其賦值給app對象的windowHeight屬性，app是Vue應用程序的實例對象。

var app = new Vue ({
el: '#app',
data: {
windowHeight: window.innerHeight
}
});

這一段代碼是Vue應用程序的主要代碼，其中el屬性指定了Vue實例所控制的DOM元素，data屬性是這個Vue實例維護的數據。

由于我們需要監聽窗口的高度，所以我們需要將窗口高度存儲在Vue實例的數據中，這樣我們才能在應用程序中使用它。在上面的代碼中，我們使用了window.innerHeight來為Vue的data屬性中的windowHeight屬性提供初始值。

然后，我們可以在應用程序中使用windowHeight屬性：

窗口高度：{{ windowHeight }}

這是Vue應用程序的HTML代碼，其中我們使用了{{ windowHeight }}來顯示窗口高度。Vue會自動將data屬性中的windowHeight值替換為{{ windowHeight }}。

當窗口大小變化時，JavaScript代碼會將innerHeight屬性的值覆蓋data屬性中的windowHeight。這樣，Vue會自動更新HTML，使其顯示新的窗口高度。

這就是Vue監聽窗口高度的基本實現方法。此外，Vue還提供了一些其他的選項來更好地控制窗口高度的監聽，具體可以查看Vue文檔。