Vue是一款流行的JavaScript框架，它可以幫助開發者更好地組織和管理應用程序。其中，獲取可視窗口高度是開發過程中比較常見的需求，下面我們將通過代碼示例的方式來演示如何在Vue中獲取可視窗口高度。

mounted () {
window.addEventListener('resize', this.handleHeight)
this.handleHeight()
},
methods: {
handleHeight () {
this.height = window.innerHeight
}
}

上述代碼片段是通過Vue的生命周期函數mounted來監聽窗口大小變化事件，并在組件渲染后獲取當前窗口高度。通過定義一個handleHeight方法來處理獲取可視窗口高度的邏輯，并在mounted中調用handleHeight方法來初始化組件高度。最終將窗口高度綁定到Vue組件中的height變量中。

在Vue組件中，我們可以通過{{height}}來獲取并渲染可視窗口的高度，如下代碼所示：

<div>
Current viewport height is: {{height}} px
</div>

通過上述代碼，我們可以在Vue組件中渲染當前窗口的高度，以此來完成獲取可視窗口高度的邏輯。