vuex的操作数据方法的使用

在store文件夹下创建index.js文件

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
    // 全局数据
     state:{
         num:100
     },
    //  操作值的方法 默认有一个形参为state
     mutations:{
          setdata(state,n){
             state.num = n
          }
     },
})

1：在.vue文件中使用这个方法1

直接修改setdata的值

@click='$store.commit("setdata",999)' //取这个方法的办法 commit 将值999传给n

2：在.vue文件中使用这个方法2

<button @click='setdata(199)'>点击修改数据</button>

import {mapMutations} from 'vuex'

export default {
//方法要放到methods中
  methods:{
  ...mapMutations([setdata])
}