🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[链接vuex---vuex](https://segmentfault.com/a/1190000016768961) ---------------------------------------------------------------------------------------------------------------- <div id="div7"><h3> <font color=red > Vuex 状态管理机制 </font><h3></div> Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 把需要多个组件共享的变量全部存储在一个对象里面。然后将这个对象放在顶层的Vue实例中,让其他组件可以使用。那么多个组件就可以共享这个对象中的所有变量属性。 应用级的状态集中放在store中; 改变状态的方式是提交mutations,这是个同步的事物; 异步逻辑应该封装在action中。 ![](https://img.kancloud.cn/06/6b/066b0ece86dbdc3df7be1aa906fb724f_763x403.png) Vue Component 负责数据的渲染,Vuex 负责数据的状态管理, Vue Component 通过dispatch函数触发 Vuex 对应action函数的执行, action函数内部调用commit函数触发对应mutation函数执行, mutation函数可访问 Vuex 的 state 对象并对其进行修改 响应式的 state 数据在被修改后触发执行 Vue Component 的render函数的重载,从而把 state 数据更新到渲染视图。