首先我們要知道vuex存儲在內(nèi)存

localstorage（本地存儲）則以文件的方式存儲在本地,永久保存

sessionstorage( 會話存儲 )?,臨時保存

localStorage和sessionStorage只能存儲字符串類型

對于復(fù)雜的對象可以使用ECMAScript提供的JSON對象的stringify和parse來處理

那么，由于它是內(nèi)存，每次瀏覽器一旦進行了刷新，就會清除數(shù)據(jù)，即vuex里面的數(shù)據(jù)就會清空，此時頁面數(shù)據(jù)源為空，自然也就不能正常展示了，所以我們可以在給vuex提供數(shù)據(jù)的同時，也把這些數(shù)據(jù)保存到本地或者會話存儲，然后通過本地或會話存貯的數(shù)據(jù)再提交給vuex，這樣就形成了閉環(huán)，用戶刷新數(shù)據(jù)也都會在，頁面正常顯示

這里我們采用本地存儲進行演示

個人經(jīng)老師建議封裝到類中

這里注意導(dǎo)出的一定得是這個類的實例！

有了這些后，接下來我們要做的就是單獨把登錄當作一個模塊，也就是說，我要單獨為login創(chuàng)建store，并開啟命名空間，合并到跟store中

login模塊

根模塊

最后處理用戶登錄的數(shù)據(jù)操作

至于使用嘛就傻瓜式操作了，交給用戶就行