vuex map方法

　　1.mapState方法：用于映射state中的数据为计算属性

　　　　

computed: {
    //对象写法
    ...mapState({
      sum: "sum",
      role: "role",
      age: "age",
      ability: "ability",

    //数组写法   
     ...mapState(["sum", "role", "age", "ability"]),
    }),

 

　　2.mapGetters方法：用于映射getters中的数据作为计算属性

　　　　

computed: {
    //对象写法
    ...mapGetters({mulsum:'mulsum'})

    //数组写法   
     ...mapGetters(['mulsum']),
    }),

　　3.mapActions方法：用于生成actions对话的方法，包含$store.dispatch(xx)的函数　　

　　

methods: {
    //对象写法
    ...mapActions({incrementOdd:"incrementOdd",incrementWait:"incrementWait"})

    //数组写法   
     ...mapGetters(['incrementOdd','incrementWait']),
    }),

 

　　4.mapMutation方法：用于生成mutations对话的方法，包含$store.commit(xx)的函数

methods: {
    //对象写法
    ...mapMutations({increment:"increment",decrement:"decrement"})

    //数组写法   
     ...mapGetters(['increment','decrement']),
    }),

　　注：mapActions和mapMutation使用时，如果需要传递参数，需要在模板中绑定事件时传递好参数，否则参数将会是事件对象