vuex localStorage 第一次无法实时更新

Question

需要做一个实时更新

比如，当前用户，选择挂单之后，时时更新头部挂单数量

用vuex 和localStorage实现

代码：

store

存储

调用

描述问题：
第一次挂单，头部不会有任何更新

但是刷新之后，已经有一个的时候

再进行挂单，会实时更新。

想知道为什么。

有什么细节想了解的随时可以说

Answer 1

主要问题在于vuex使用方法不得当。之所以有一个的情况会实时更新，是因为在初始化的时候，通过this.$store.getters.GET_STORAGE取到了含有一个对象的数组，这个数字是在getters里取localStorage，然后对对store对象进行直接赋值后返回的（这个没有建立响应式更新），当在created里对this.gDList赋值以后，实际的后续更新操作push都是对当前实例的data里进行修改的，跟store上的无关，因此会实时更新。

1. 请不要在getters里尝试改变store，如果需要利用localStorage，可以在main.js的created里获取值，再进行commit->SET_STORAGE。
2. 请不要将this.gDList进行赋值、push等操作，而是通过mapGetters取GET_STORAGE属性直接用，所有更新操作都通过action触发，去改变store.state.gdListd的值，若需要push，请通过commit一个ADD_STORAGE_ITEM，再在mutation里进行push，触发响应式更新。