vuex通过Mutations来修改状态的原理及devtools插件的下载

状态修改：

通过Mutations来修改状态，并配合devtools调试工具会记录这个状态何时被修改过；

好处是因为所有组件都可以访问和修改状态，通过Mutations配合调试工具能知道状态被哪个组件什么时候被修改过，方便追溯，防止代码被恶意修改。

总结：为什么要放在Mutations中管理

• 一是方便统一管理；
• 二是被devtools记录了状态的修改，出错了方便追根溯源

---

如何更改状态：

（1）首先是交给Mutations去修改

this.$store.commit('changeCityName', item.name)

• this.$store.commit：含义是交给Mutations去修改状态；
• 第一个参数是：‘changeCityName’是个方法，名字随意起，会在vuex文件的Mutations中定义；
• 第二个参数是：要修改的值，是实参要传给changeCityName里的形参ÿ