四个map方法的使用
1. mapState方法: 用于帮助我们映射state中的数据为计算属性
computed:{
//借助mapState生成计算属性 sum school subject,从state中读取数据,对象写法
...mapState({sum:'sum',school:'school',subject:'subject'})
//借助mapState生成计算属性 sum school subject,从state中读取数据 数组写法
...mapState(['sum','school','subject']),
}
2. mapGetters方法:用于帮助我们映射getter中的数据为计算属性
computed:{
//借助mapGetters生成计算属性 bigSum 对象写法
...mapGetters({bigSum:'bigSum'})
//借助mapGetters生成计算属性 bigSum 数组写法
...mapGetters(['bigSum'])
}
3. mapActions方法: 用于帮助我们生成与actions对话的方法,即$store.dispatch(XXX,数据)
methods:{
...mapActions({incrementOdd:'jiaOdd',incrementWait:'jiaWait'})
...mapActions({'jiaOdd','jiaWait'})
}
4. mapMutations方法: 用于帮助我们生成与mutations对话的方法,即$store.commit(xxx,数据)
methods:{
...mapMutations({increment:'JIA'})
...mapMutations(['JIA'])
}
备注: mapActions和mapMutations使用时.如果需要传递数据时,要在模板绑定事件中传递参数,否则参数是默认的事件对象(event)