在前端開發中，獲取屏幕寬度是很常見的需求。它可以用于響應式布局，自適應頁面等等。

在Vue中，我們可以使用一些方法來獲取屏幕寬度，下面分別介紹兩種方法。

1. 使用window對象的innerWidth屬性
const screenWidth = window.innerWidth;

這種方法是最簡單的方法，直接使用window對象的innerWidth屬性即可。innerWidth屬性是window對象的一部分，它表示文檔顯示區域的寬度，不包括滾動條等元素的寬度。

需要注意的是，使用這種方法得到的屏幕寬度不一定是可靠的。因為有些瀏覽器可能會將文檔顯示區域的寬度設置為0。

2. 使用Vue的$nextTick方法
this.$nextTick(() =>{
const screenWidth = this.$el.clientWidth;
});

這種方法相對來說比較可靠。Vue的$nextTick方法可以在下次DOM更新循環結束之后執行回調函數。因此，我們可以在回調函數中獲取到當前組件的寬度。

需要注意的是，$nextTick方法是異步的，我們需要等待它的回調函數執行完后才能獲取到屏幕寬度。因此，如果我們想要及時獲取到屏幕寬度，需要在mounted生命周期中使用$nextTick方法。

不論使用哪種方法，我們都需要在組件渲染前通過監聽window的resize事件來自動更新屏幕寬度。

mounted() {
window.addEventListener('resize', this.handleResize);
this.$nextTick(() =>{
this.screenWidth = this.$el.clientWidth;
});
},
methods: {
handleResize() {
this.screenWidth = this.$el.clientWidth;
},
},
beforeDestroy() {
window.removeEventListener('resize', this.handleResize);
},

以上就是使用Vue獲取屏幕寬度的兩種方法，我們可以根據自己的需求選擇合適的方法。同時，為了獲取到可靠的屏幕寬度，我們需要在代碼中進行相關的處理。