vueX基本使用

vueX进行全局状态管理

多个组件共同改变一个变量的值，利用组件之间传值十分不方便

注意：用vuex管理数据，在某些时候记得清除

vuex 共有 state，getters，mutations，actions，module

state

state() {
    return {
      stateData: {
      }
    }

getters 获取变量的值

  getters: {
    getData: (state) => JSON.parse(JSON.stringify(state.stateData))
  }
  
  const data = computed(() => {
      return store.getters['data/getData']
    })
  

mutations

mutations: {
    setData(state, param) {
      state.stateData = param
    }
  }
  
store.commit('data/setData', 111)
  

actions

  actions: {
    getDataFun({ commit }) {
      return fun().then(res => {
        commit('setData',res.data)
      })
    }
  }