微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vue——vuex四个map方法的使用

1.mapState方法

用于帮助我们映射state中的数据为计算属性

注意1:mapState的作用:用来生成重复代码,比如return this$store.state.xxx就非常重复,无法复用。mapState采用{k:v}形式

注意2:不能把mapState({he:‘sum’,xuexiao:‘school’,xueke:‘subject’})直接放上去会报错,因为这是返回的一个对象,请使用ES6语法:...mapState({})

2.mapGetters方法

用于帮助我们映射getters中的数据为计算属性

3.mapActions方法

用于帮助我们生成actions对话的方法,即:包含$store.dispatch(xxx)函数

4.mapMutations方法

用于帮助我们生成mutations对话的方法,即:包含$store.commit(xxx)函数

备注:mapActions与mapMutations使用时,若需要传递参数需要:在模板中绑定事件时传递好参数,否则参数是事件对象。

注意:使用mapMutations与mapActions若需要传递参数,必须在绑定事件时就传参

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐