vue-vuex

Posted 2020-10-11 不了无明

export default vuex.Store{
　　State, //数据库。
　　getters,// 是我们从数据库里取数据的 API，getters 得是一个”纯函数“
　　actions,//处理数据
　　Mutations, //把数据存入数据库的 API，用来修改state 的。
}

getters:

// 获取控制变量 ctrl
export function getShowPage (state) {
  return state.ctrl.showPage
}


//获取store各项信息
export function getMeta (state) {
  return state.meta
}

mutations:

// 公共控制变量 ctrl
  [SHOW_PAGE] (state) {
    state.ctrl.showPage = true
  },

//Mutation除了接收state 作为第一个参数外，还可以接收其他的参数
[NEW_DATA] (state, payload, id){
    const newData = {id, data: payload}
    state.meta = Object.assign({}, {currentData: id})
    state.datas = Object.assign({}, newData)
  },