vue的store状态管理模式

var store = {

　　debug: true,

　　state: { message: ‘Hello!‘ },

　　setMessageAction (newValue) {　　//所有 store 中 state 的改变，都放置在 store 自身的 action 中去管理。

　　　　if (this.debug) {

　　　　　　console.log(‘setMessageAction triggered with‘, newValue)　　//当错误出现时，我们现在也会有一个 log 记录 bug 之前发生了什么。

　　　　　　this.state.message = newValue

　　　　},

　　clearMessageAction () {

　　　　if (this.debug) {

　　　　　　console.log(‘clearMessageAction triggered‘)

　　　　　　this.state.message = ‘‘

　　　　}

　　}

}

var vmA = new Vue({

　　data: {

　　　　privateState: {},　　//每个实例/组件仍然可以拥有和管理自己的私有状态

　　　　sharedState: store.state

　　}

})

重要的是，注意你不应该在 action 中 替换原始的状态对象 - 组件和 store 需要引用同一个共享对象，mutation 才能够被观察。

组件不允许直接修改属于 store 实例的 state，而应执行 action 来分发 (dispatch) 事件通知 store 去改变，我们最终达成了 Flux 架构。这样约定的好处是，我们能够记录所有 store 中发生的 state 改变，同时实现能做到记录变更 (mutation)、保存状态快照、历史回滚/时光旅行的先进的调试工具。

vue的store状态管理模式

原文：https://www.cnblogs.com/icctuan/p/11757243.html