vuex存取值

vuex存取值,第1张

commit: 同步 *** 作

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.模块化vuex

2.获取vuex中的数据

3.设置vuex中的数据

4.刷新之后,保留数据

数据结构

index.js

transaction.js模块

注意:namespaced是为了解决不同模块命名冲突的问题,分两种情况来写

获取vuex中的数据

设置vuex中的数据

如果将namespaced设置为false,则需要注意命名不能重复

也可以使用mapState,mapGetters,mapActions

安装

修改index.js配置,将数据保存到sessionStorage


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11454623.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存