import {createStore} from "vuex"; import {generateAnimals, generateUsers} from "@/utils/common.js"; const actions = { //更新登录用户 getLoginUser(context, user) { //此处接入后端登录接口验证登录用户名和密码,验证通过方可通行 //密码错误 if (false) { return ElMessage({ message: '用户名不存在或密码错误', type: 'error', }) } //登录成功 context.commit('updateLoginUser', user);//存储登录用户,这里拉取远程登录的用户作为参数 }, //获取用户数据 getUsers(context) { context.commit('updateUsers', generateUsers()) }, //获取动物数据 getAnimals(context) { context.commit('updateAnimals', generateAnimals()) } } const mutations = { //更新已登录的用户 updateLoginUser(state, value) { state.loginUser = value }, //更新用户集合 updateUsers(state, value) { state.users = value }, //更新动物集合 updateAnimals(state, value) { state.animals = value } } const state = { //登录用户数据 loginUser: { username: 'user1', auth: null }, //用户数据 users: [], //动物数据 animals: [], } export default createStore({ actions, mutations, state })