Vue--模块

71 阅读1分钟

创建模块:

1.新建modules文件夹

image.png

2.

image.png

    modamsg:'modamsg'
}
const getters={

}
const mutations={
    CHANGEMSG(state,payload){
        state.modamsg=payload
    }
}
const actions={

}
export default {
    namespaced:true,
    state,getters,mutations,actions
}

3.引入模块

image.png

4.模块里面的写法

    modbmsg:'modbmsg'
}
const getters={
    newmsg(state){
        return state.modbmsg+'.......getters'
    }
}
const mutations={
    CHANGEBMSG(state,payload){
        state.modbmsg=payload
    }
}
const actions={
    waitmsg({commit},data){
        setTimeout(() => {
            commit('CHANGEBMSG',data)
        }, 500);
    }
}
export default {
    namespaced:true,
    state,getters,mutations,actions
}

5.使用模块数据

image.png