import Vue from "vue"
import Vuex from "vuex"
 
Vue.use(Vuex)
 
function storeLocalStore (state) {
 window.localStorage.setItem("userMsg",JSON.stringify(state));
}
 
export default new Vuex.Store({
 state: {
 username: "王二",
 schedulename: "標(biāo)題",
 scheduleid: 0,
 },
 mutations: {
 storeUsername (state,name) {
 state.username = name
 storeLocalStore (state)
 },
 storeSchedulename (state,name) {
 state.schedulename = name
 storeLocalStore (state)
 },
 storeScheduleid (state,id) {
 state.scheduleid = Number(id)
 storeLocalStore (state)
 },
 }
})

localStorage.getItem("userMsg") && this.$store.replaceState(JSON.parse(localStorage.getItem("userMsg")));
 
//考慮到第一次加載項(xiàng)目時(shí)localStorage里沒(méi)有userMsg的信息，所以在前面要先做判斷

 //在頁(yè)面加載時(shí)讀取localStorage里的狀態(tài)信息
 localStorage.getItem("userMsg") && this.$store.replaceState(JSON.parse(localStorage.getItem("userMsg")));
 
 //在頁(yè)面刷新時(shí)將vuex里的信息保存到localStorage里
 window.addEventListener("beforeunload",()=>{
 localStorage.setItem("userMsg",JSON.stringify(this.$store.state))
 })

 //在頁(yè)面加載時(shí)讀取localStorage里的狀態(tài)信息
 localStorage.getItem("userMsg") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("userMsg"))));
 
 //在頁(yè)面刷新時(shí)將vuex里的信息保存到localStorage里
 window.addEventListener("beforeunload",()=>{
 localStorage.setItem("userMsg",JSON.stringify(this.$store.state))
 })