在 vue 组件中访问屏幕宽度

Question

目前我正在将window.innerWidth值存储到一个被调用的 vuex getterscreenWidth并在我的所有组件中使用它。但问题是每次我想使用它时，我都必须 1) import { mapGetters } from 'vuex'2)...mapGetters()在计算属性中调用。为了摆脱这个问题，我认为原型注入可能是一个好主意。所以我这样做了：

Vue.prototype.$screenWidth = window.innerWidth;

window.addEventListener('resize', () => {

    Vue.prototype.$screenWidth = window.innerWidth;

});

但这不起作用。如何更轻松地访问组件中的屏幕宽度而无需通过所有导入/映射内容？