long
2023-03-03 9860e221460a0a4ac1903dad2c97160d0eed0e63
提交 | 用户 | age
36e1de 1 /*
L 2  * @Author: 丘骏_jun
3  * @Date: 2019-11-21 10:59:17
4  * @Last Modified by: 丘骏_jun
5  * @Last Modified time: 2021-05-14 18:28:18
6  */
7 import Vue from 'vue'
8 import Vuex from 'vuex'
9 // import fn from '../utils/fn.js'
10 Vue.use(Vuex)
11
12 const state = {}
13
14
15 // 显式更改state,内部只允许同步,调用方式:$store.commit(key, value)
16 const mutations = {}
17
18 // 相当于computed,调用方式:store.getters.xxx
19 const getters = {}
20
21 // 允许异步,需通过store.dispath分发,调用store.commit更改state
22 const actions = {}
23
24 /**
25  * 首字母变大写
26  * @param {string} name
27  */
28 function getBigName(name){
29     return [name[0].toUpperCase(), ...name.substring(1)].join('')
30 }
31
32 /**
33  * 使用create,快捷创建简易字段
34  * 通用创建store字段,包含state,getters,mutations
35  * @param {string} key
36  * @param {*} default_value
37  * @param {function} mutation
38  */
39 function create (key, default_value, mutation) {
40     state[key] = default_value
41     mutations['set' + getBigName(key)] = mutation || ((state, value) => {state[key] = value})
42     getters['get' + getBigName(key)] = state => state[key]
43 }
44
45 // 用户信息
46 create('userData', {})
47 // danmuData: [], // 弹幕数据
48 // luckNum: 0, // 幸运值数据
49 // shareNum: 0, // 分享次数
50 // leftNum: 0, // 剩余抽奖次数
51
52 const store = new Vuex.Store({
53     state,
54     getters,
55     mutations,
56     actions,
57 })
58
59 export default store