在網頁開發中，經常需要獲取用戶屏幕的大小，以方便相應地布局。Vue是一個尤雨溪開發的開源JavaScript框架，其通過數據雙向綁定和組件化等特性，使得開發人員可以更加方便高效地開發前端應用。Vue除了具有強大的組件化功能，也提供了簡單易用的API來獲取屏幕大小。

Vue中獲取當前屏幕的大小需要使用window對象的innerWidth和innerHeight屬性來獲取屏幕寬度和高度。Vue中的組件方法和生命周期鉤子函數中都可以操作DOM，因此我們可以方便地使用Vue實現動態響應式頁面。在Vue中，我們可以使用computed屬性進行屏幕大小監控。

computed: {
screenWidth () {
return window.innerWidth
},
screenHeight () {
return window.innerHeight
}
}

在上面的代碼中，我們使用computed屬性來實現屏幕寬度和高度的監聽。在return中，我們使用了window對象的innerWidth和innerHeight屬性來獲取當前屏幕的寬度和高度。這樣，computed屬性就會根據屏幕大小自動進行響應式更新。

Vue還提供了watch方法，即可以在Vue實例監測到一個數據變化時執行副作用。我們可以使用watch方法監測屏幕大小的變化，并做出相應處理。比如，我們可以在屏幕大小發生變化時，改變頁面布局。

watch: {
screenWidth (newWidth, oldWidth) {
// do something
},
screenHeight (newHeight, oldHeight) {
// do something
}
}

在上面的代碼中，我們使用watch方法來監測屏幕寬度和高度的變化。在方法內，我們可以根據新屏幕大小執行相應的操作。比如，我們可以重新計算頁面中某些元素的位置和寬高。

除了使用computed和watch方法，我們還可以使用Vue的mounted方法來初始化組件，并獲取屏幕大小。這樣，每次頁面加載時，我們就可以獲取到當前屏幕的大小，并進行相應處理。當然，如果用戶在使用過程中改變了屏幕大小，我們還需要使用前面提到的watch方法來實時監測屏幕大小的變化。

mounted () {
this.screenWidth = window.innerWidth
this.screenHeight = window.innerHeight
}

上面的代碼中，我們使用mounted方法來初始化組件，并獲取當前屏幕的大小。在mounted方法中，我們分別使用了window對象的innerWidth和innerHeight屬性來獲取屏幕寬度和高度，并將其保存在組件的data中。這樣，在后續的組件操作中，我們就可以方便地獲取屏幕大小了。

總之，在Vue中獲取屏幕大小非常簡單，我們可以使用computed、watch和mounted等方法來實現。這樣，我們就可以根據屏幕大小進行動態響應式布局，實現更好的用戶體驗。