h5前端开发vue开发技术程序员

vuex--辅助函数mapState,mapGetters, m

2019-10-14  本文已影响0人  手指乐
export default {
    vuexSetUserLogin({commit}){
        commit("vuex_set_user_login");
    },
    vuexSetTest({commit}, val){
        commit("vuex_set_test", val);
    }
}

调用时这样调用:

this.$store.dispatch("vuexSetTest", "ttttttt");
import {mapActions,} from 'vuex'

映射方法:

"methods": {
    ...mapActions([
        "vuexSetUserLogin",
        "vuexSetTest"
    ]),
},

把actions里面的两个方法映射到本地的同名方法
调用的时候就像调用本组件的method一样:

this.vuexSetTest("eeee");
{
    methods: mapActions() // 如果没有其它组件内的定义的方法,可以这样写
}
{
    methods: {
        ...mapActions(),// 如果有其他定义的方法
        otherMethod1 () {},
        otherMethod2 () {}
    }
}
computed:mapGetters([
 'count'
 ]),
export default {
  // ...
  methods: {
       //下述中的 ... 是拓展运算符
       // 使用 [] 是解构赋值
    ...mapActions([
      'increment', // 将 `this.increment()` 映射为 `this.$store.dispatch('increment')`
 
      // `mapActions` 也支持载荷:
      'incrementBy' // 将 `this.incrementBy(amount)` 映射为 `this.$store.dispatch('incrementBy', amount)`
    ]),
    ...mapActions({
      add: 'increment' // 将 `this.add()` 映射为 `this.$store.dispatch('increment')`
    })
  }
上一篇 下一篇

猜你喜欢

热点阅读