vue项目中创建简单的store模式

• 简单的store模式，适用于小项目中存储几个共用数据

//新建一个store.js文件
export const store = {
  state:{
  message:'myStore'
  },
  setMessageAction(newValue){
   this.state.message = newValue;
  },
  clearMessageAction(){
   this.state.message = '';
  }
}

//应用，以vue为例
import {store} from 'store.js'

//使用共享数据,me
console.log(store.state.message)

• 注意点
  1.所有store中的state的变更，都放置在store自身的action中去管理。
  2.集中式状态管理能够被容易的理解哪种类型的变更将会发生，以及它们是如何被触发。
  3.组件不允许变更属于store实例的state,而应执行action来分发(dispatch)事件通知store去改变。

• 图片