1. 程式人生 > >npm安裝vuex及防止頁面重新整理資料丟失

npm安裝vuex及防止頁面重新整理資料丟失

npm install vuex

在專案scr目錄下新建store資料夾,在store資料夾下新建index.js檔案。

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);


const state={
	accountInfo:{

	}
}

const mutations={
	initUser(state,payload){
		state.accountInfo=Object.assign(state.accountInfo,payload);
		localStorage.setItem('accountInfo',JSON.stringify(state.accountInfo));
	},
	clear(state){
		state.accountInfo={
			
		}
	}
}
//防止頁面重新整理vuex中的資料丟失
for(var item in state){
   localStorage.getItem(item)?state[item] = JSON.parse(localStorage.getItem(item)): false;
}



export default  new Vuex.Store({
    state,
    mutations
})