firemail

标题: VUE VUEX学习笔记 [打印本页]

作者: java    时间: 2017-11-17 11:43
标题: VUE VUEX学习笔记
本帖最后由 java 于 2017-11-17 12:12 编辑

1.状态管理https://cn.vuejs.org/v2/guide/state-management.html#简单状态管理起步使用

引入原因:
两个vue实例,引用同一原始数据对象(state),当原始数据变化时(action),无法跟踪是哪个变更(mutation)引起的,没有状态变化的记录,调试困难。

解决方案:
由 store 统一管理 statue 变化,任何变更 action 都传送给 store 统一处理后,再分发(dispatch) 事件出去 通知 store 去改变,达成了 Flux 架构


解决方案实现:
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。  https://vuex.vuejs.org/zh-cn/intro.html




把组件的共享状态抽取出来,以一个全局单例模式管理. 在这种模式下,我们的组件树构成了一个巨大的“视图”,不管在树的哪个位置,任何组件都能获取状态或者触发行为!


另外,通过定义和隔离状态管理中的各种概念并强制遵守一定的规则,我们的代码将会变得更结构化且易维护。
这就是 Vuex 背后的基本思想,借鉴了 FluxRedux、和 The Elm Architecture。与其他模式不同的是,Vuex 是专门为 Vue.js 设计的状态管理库,以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。





虽然 Vuex 可以帮助我们管理共享状态,但也附带了更多的概念和框架。这需要对短期和长期效益进行权衡。
如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 global event bus 就足够您所需了。但是,如果您需要构建是一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择。



action是触发事件  commitmutations是真正修改state数据







欢迎光临 firemail (http://firemail.wang:8088/) Powered by Discuz! X3