npm安裝vuex及防止頁面重新整理資料丟失
阿新 • • 發佈:2019-02-10
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 })