vuex的mapState、mapMutations、mapActions的使用（还有其它）

vuex

vue文件定义的值

mapState

获取vuex中state定义的值

// 使用mapState需引入
import {mapState} from 'vuex'computed:{
// 第一种写法list(){return this.$store.state.list},currentIndex(){return this.$store.state.currentIndex}//第二种写法...mapstate(['list','currentIndex'])}

mapMutations

调用vuex中mutations定义的方法

// 使用mapMutations需引入
import {mapMutations} from 'vuex'methods:{
// 第一种写法handleNav(index){this.$store.commit({type:'setIndex',index})}
//第二种写法...mapMutations({setIndex:'setIndex'})}

mapActions

调用vuex中actions定义的方法

// 使用mapActions需引入
import {mapActions} from 'vuex'methods:{
// 第一种写法mounted(){this.$store.dispatch({type:getData"})}//第二种写法methods:{...mapActions(['getData'])
},
mouted(){this.getData()}