存储 Vue.js 会话中的实例存储是否是一种可接受的范式

Question

我想通过显示提示来实现 axios 全局错误处理程序，但提示组件绑定到 Vue 实例，所以我必须通过以下方式实现全局错误处理程序：

mounted() {
    SessionStorage.vueInstance = this;
}

在我的App.vue文件中，并通过调用SessionStorage.vueInstance.$Message.error({...})全局处理错误

这是一个可以接受的范式吗？或者它只是一个"最好不要"？非常感谢！

Answer 1

这只是使用 sessionStorage 作为window对象的替代品。它不会给你任何东西。它不会使键值持久化或共享。除非可能允许您避免与窗口键的名称冲突。

我不知道是否有任何标准要求存储对象具有可写密钥。可能存在冻结存储对象的浏览器。

Answer 2

我猜你的消息组件可以与当前视图组件分离。就像我的要点秀一样。