Vue EnquireScreen 是一個輕量級的 Vue.js 插件，可以很容易地獲取瀏覽器屏幕的當前尺寸，并作出相應的響應式布局。

該插件使用 window.matchMedia API 來檢查屏幕尺寸，通過在 Vue 實例中使用該插件的$enquireScreen方法，可以實現類似于$mq預處理器的效果。

// 用法示例
export default {
data() {
return {
isMobile: false,
isTablet: false,
isDesktop: true
}
},
mounted() {
this.$enquireScreen('(max-width: 767px)', () =>{
this.isMobile = true
this.isTablet = false
this.isDesktop = false
})
this.$enquireScreen('(min-width: 768px) and (max-width: 1023px)', () =>{
this.isMobile = false
this.isTablet = true
this.isDesktop = false
})
this.$enquireScreen('(min-width: 1024px)', () =>{
this.isMobile = false
this.isTablet = false
this.isDesktop = true
})
}
}

上述示例代碼中，根據屏幕尺寸條件分別設置了isMobile、isTablet、isDesktop三個響應式數據。

在實際項目中，使用 Vue EnquireScreen 可以方便地實現響應式布局和不同屏幕尺寸下的布局優化，減少了許多重復代碼，提高了開發效率。