美文网首页
三(3)、mapMutations的使用 ------ 2020

三(3)、mapMutations的使用 ------ 2020

作者: 自己写了自己看 | 来源:发表于2020-05-07 21:43 被阅读0次

1、mapMutations的作用

你可以在组件中使用 this.$store.commit('xxx') 提交 mutation,
或者使用 mapMutations 辅助函数将组件中的 methods 映射为 store.commit 
调用(需要在根节点注入 store)。

2、mapMutations的基础使用:

<script>
import { mapMutations } from "vuex";
export default {
  methods: {
    ...mapMutations(["addTen"]),
    addTenMethod() {
        this.addTen();
    }
  }
};
</script>

3、mapMutations映射时修改名字

<script>
import { mapMutations } from "vuex";
export default {
  methods: {
    ...mapMutations({ at: "addTen" }),
    addTenMethod() {
      this.at();
    }
  }
};
</script>

相关文章

网友评论

      本文标题:三(3)、mapMutations的使用 ------ 2020

      本文链接:https://www.haomeiwen.com/subject/bhozghtx.html