95 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
			
		
		
	
	
			95 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
import Vue from 'vue'
 | 
						||
import Vuex from 'vuex'
 | 
						||
Vue.use(Vuex)
 | 
						||
 | 
						||
let lifeData = {};
 | 
						||
 | 
						||
try{
 | 
						||
	// 尝试获取本地是否存在lifeData变量,第一次启动APP时是不存在的
 | 
						||
	lifeData = uni.getStorageSync('lifeData');
 | 
						||
}catch(e){
 | 
						||
	
 | 
						||
}
 | 
						||
 | 
						||
// 需要永久存储,且下次APP启动需要取出的,在state中的变量名
 | 
						||
let saveStateKeys = ['vuex_user', 'vuex_token'];
 | 
						||
 | 
						||
// 保存变量到本地存储中
 | 
						||
const saveLifeData = function(key, value){
 | 
						||
	// 判断变量名是否在需要存储的数组中
 | 
						||
	if(saveStateKeys.indexOf(key) != -1) {
 | 
						||
		// 获取本地存储的lifeData对象,将变量添加到对象中
 | 
						||
		let tmp = uni.getStorageSync('lifeData');
 | 
						||
		// 第一次打开APP,不存在lifeData变量,故放一个{}空对象
 | 
						||
		tmp = tmp ? tmp : {};
 | 
						||
		tmp[key] = value;
 | 
						||
		// 执行这一步后,所有需要存储的变量,都挂载在本地的lifeData对象中
 | 
						||
		uni.setStorageSync('lifeData', tmp);
 | 
						||
	}
 | 
						||
}
 | 
						||
const store = new Vuex.Store({
 | 
						||
	state: {
 | 
						||
		// 如果上面从本地获取的lifeData对象下有对应的属性,就赋值给state中对应的变量
 | 
						||
		// 加上vuex_前缀,是防止变量名冲突,也让人一目了然
 | 
						||
		vuex_user: lifeData.vuex_user ? lifeData.vuex_user : {},
 | 
						||
		vuex_token: lifeData.vuex_token ? lifeData.vuex_token : '',
 | 
						||
		// vuex_host: 'http://127.0.0.1:8000',
 | 
						||
		//vuex_api: 'http://47.95.0.242:9101/api',
 | 
						||
		//vuex_api: 'http://127.0.0.1:8000/api',
 | 
						||
		// vuex_apifile: 'http://127.0.0.1:8000/api/file/',
 | 
						||
		
 | 
						||
		vuex_host: 'https://testsearch.ctc.ac.cn',
 | 
						||
		vuex_api: 'https://testsearch.ctc.ac.cn/api',
 | 
						||
		vuex_apifile: 'https://testsearch.ctc.ac.cn/api/file/',
 | 
						||
		
 | 
						||
		// 如果vuex_version无需保存到本地永久存储,无需lifeData.vuex_version方式
 | 
						||
		// vuex_version: '1.0.1',
 | 
						||
		// vuex_demo: '绛紫',
 | 
						||
		// 自定义tabbar数据
 | 
						||
		// vuex_tabbar: [{
 | 
						||
		// 		iconPath: "/static/uview/example/component.png",
 | 
						||
		// 		selectedIconPath: "/static/uview/example/component_select.png",
 | 
						||
		// 		text: '组件',
 | 
						||
		// 		pagePath: '/pages/example/components'
 | 
						||
		// 	},
 | 
						||
		// 	{
 | 
						||
		// 		iconPath: "/static/uview/example/js.png",
 | 
						||
		// 		selectedIconPath: "/static/uview/example/js_select.png",
 | 
						||
		// 		text: '工具',
 | 
						||
		// 		midButton: true,
 | 
						||
		// 		pagePath: '/pages/example/js'
 | 
						||
		// 	},
 | 
						||
		// 	{
 | 
						||
		// 		iconPath: "/static/uview/example/template.png",
 | 
						||
		// 		selectedIconPath: "/static/uview/example/template_select.png",
 | 
						||
		// 		text: '模板',
 | 
						||
		// 		pagePath: '/pages/example/template'
 | 
						||
		// 	}
 | 
						||
		// ]
 | 
						||
	},
 | 
						||
	mutations: {
 | 
						||
		$uStore(state, payload) {
 | 
						||
			// 判断是否多层级调用,state中为对象存在的情况,诸如user.info.score = 1
 | 
						||
			let nameArr = payload.name.split('.');
 | 
						||
			let saveKey = '';
 | 
						||
			let len = nameArr.length;
 | 
						||
			if(len >= 2) {
 | 
						||
				let obj = state[nameArr[0]];
 | 
						||
				for(let i = 1; i < len - 1; i ++) {
 | 
						||
					obj = obj[nameArr[i]];
 | 
						||
				}
 | 
						||
				obj[nameArr[len - 1]] = payload.value;
 | 
						||
				saveKey = nameArr[0];
 | 
						||
			} else {
 | 
						||
				// 单层级变量,在state就是一个普通变量的情况
 | 
						||
				state[payload.name] = payload.value;
 | 
						||
				saveKey = payload.name;
 | 
						||
			}
 | 
						||
			// 保存变量到本地,见顶部函数定义
 | 
						||
			saveLifeData(saveKey, state[saveKey])
 | 
						||
		}
 | 
						||
	}
 | 
						||
})
 | 
						||
 | 
						||
export default store
 |