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若需要传递参数,必须在绑定事件时就传参

 

相关文章

可以通过min-width属性来设置el-table-column的最小宽度。以...
yarn dev,当文件变动后,会自动重启。 yanr start不会自动重...
ref 用于创建一个对值的响应式引用。这个值可以是原始值(如...
通过修改 getWK005 函数来实现这一点。这里的 query 参数就是...
<el-form-item label="入库类型" ...
API 变动 样式类名变化: 一些组件的样式类名有所变动,可能需...