我已经构建了一个相当大的Vue.js应用程序(比如>80.Vue组件(。我的用户抱怨他们的手机电池耗尽,safari抛出了一个"这个网页正在消耗大量能源…"的通知。
我怎么可能知道发生了什么?我试着玩Chrome和Lighthouse的性能标签,但没有真正发现任何东西。
以下是我觉得可能会产生不良影响的几件事:
-
我有很多观察者在关注vuex状态,因为在组件上下传递信息是一项愚蠢的工作。这导致了一个巨大的store.js文件,其中包含大量的变量,这些变量在我的应用程序中都有使用。
-
我也经常使用计算属性
-
我有几个事件监听器,用于调整窗口的大小等事件
我有很多观察者在关注vuex状态,因为向上传递信息和向下组件。这导致了一个巨大的store.js文件,其中包含大量在我的应用程序中使用的变量
为什么要使用观测站进行vuex状态?事实上,存储在vuex存储中的信息已经对组件做出了反应,因此不需要使用观测器。
我也经常使用计算属性
计算的属性对于系统来说非常繁重,应该谨慎使用,最重要的是,只能在绝对必要的情况下使用。
我有几个事件监听器,用于调整窗口大小等事件
确保在组件销毁后删除事件侦听器