vuex的mutations用法[亲测有效]

Vue (109) 2023-03-27 10:14

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说vuex的mutations用法[亲测有效],希望能够帮助你!!!。
vuex的mutations用法[亲测有效]_https://bianchenghao6.com/blog_Vue_第1张

为什么要用mutations

使用mutations的好处是可以跟踪到是哪里调用了mutations里的方法,在严格模式下调用mutations也不会报错。

如果用其它方法的话上面说的两个好处都不存在。

用法

先定义个mutations对象,然后定义指定的方法就可以了,很简单,代码示例:

    state: {
        isHome: true
    },

    mutations: {
        changeIsHome(state) {        // 这里将state传进来了
            state.isHome = false
        }
    }

在stote.js中定义好mutations方法之后,就在vue中触发事件的时候调用mutations方法就可以了,调用方法示例:

  // 这里示例是在created方法中触发mutations方法

  created() {
    this.$store.commit('changeIsHome')    // 这就是调用的方法
  },

执行:this.$store.commit('changeIsHome');就可以调用mutations方法了。

发表回复