
this.$store.commit('方法名',值)【存储】
this.$store.commit('newBankName', this.textValue)
this.$store.state.方法名【取值】
dispatch: 异步 *** 作
this.$store.dispatch('方法名',值)【存储】
this.$store.getters.方法名【取值】
当 *** 作行为中含有异步 *** 作,比如向后台发送请求获取数据,就需要使用action的dispatch去完成了。
其他使用commit即可。
其他了解:commit=>mutations,用来触发同步 *** 作的方法。
dispatch =>actions,用来触发异步 *** 作的方法。在store中注册了mutation和action,在组件中用dispatch调用action,然后action用commit调用mutation,
Getter 会暴露为 store.getters 对象,你可以以属性的形式访问这些值:
1.模块化vuex2.获取vuex中的数据
3.设置vuex中的数据
4.刷新之后,保留数据
数据结构
index.js
transaction.js模块
注意:namespaced是为了解决不同模块命名冲突的问题,分两种情况来写
获取vuex中的数据
设置vuex中的数据
如果将namespaced设置为false,则需要注意命名不能重复
也可以使用mapState,mapGetters,mapActions
安装
修改index.js配置,将数据保存到sessionStorage
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)