Vuex改变网站主题

Posted 2022-12-09 cuter、

import Vuex from 'vuex'
//该文件用于创建vue的store
import Vue from 'vue'
Vue.use(Vuex)
//准备state 存储数据
const state = 
  regUserInfo: ,
  themBgColor: '#5698c3',
  themBasetColor: '#3170a7'

const getters = 
  regUserInfo: state => state.regUserInfo,
  themBgColor: state => state.themBgColor,
  themBasetColor: state => state.themBasetColor

;
//准备 mutations 用于操作数据（state）
const mutations = 
  setRegUserInfo: (state, info) => 
    state.regUserInfo = info
  ,
  setThemBgColor: (state, color) => 
    state.themBgColor = color
  ,
  setThemBasetColor: (state, color) => 
    state.themBasetColor = color
  

const actions = 
  setUser: (
    commit
  , info) => 
    commit('setRegUserInfo', info)
  ,
  setBgColor: (
    commit
  , color) => 
    commit('setThemBgColor', color)
  ,
  setBaseColor: (
    commit
  , color) => 
    commit('setThemBasetColor', color)
  




//创建并暴露store
export default new Vuex.Store(
  actions,
  mutations,
  getters,
  state
)