vuex儲存和本地儲存的區別

2022-04-01 02:17:13 字數 395 閱讀 9188

vuex存的是狀態,儲存在記憶體,localstorage是瀏覽器提供的介面,讓你存的是檔案,以檔案的形式儲存在本地

vuex用於元件之間的傳值,localstorage則主要用於頁面之間的傳值

當重新整理頁面時,vuex儲存的值會丟失,localstorage不會

個人在使用的時候,覺得用localstorage可以代替vuex, 對於不變的資料確實可以,但是當兩個元件共用乙個資料來源(物件或陣列)時,如果其中乙個元件改變了該資料來源,希望另乙個元件響應該變化時,localstorage無法做到,原因就是區別1。這倆完全就是倆個東西,vuex是vue的狀態管理機制,是方便元件之間通訊的。乙個元件的資料變化是會對映到使用這個資料的其他的元件。而localstorage是本地儲存,是將資料存到瀏覽器的方法,一般是在跨頁面傳遞資料時使用。

vuex 本地儲存登入

在登入頁面進行登入,跟後台進行對接,登入成功的時候提交乙個mutations儲存後台返回過來的登入資訊 let user this.store.commit adduser user 在store資料夾的index.js下 import vue from vue import vuex from v...

vuex與本地儲存,持久化儲存

在vuex的時候 重新整理以後裡面儲存的state就會被瀏覽器釋放掉,因為我們的state都是儲存在記憶體中的,所以一重新整理頁面就會把state中的資料重置,這就涉及到vue資料持久化的問題。在vuex中使用subscribe和plugins來實現本地儲存與vuex相關聯,實現vuex持久儲存 具...

Web 本地儲存和Vue本地儲存例項

資料的設定和讀取比較方便。容量較大,sessionstorage大約為5mb,localstorage大約為20mb。只能儲存字串,若想要儲存json物件,則可以使用window.json.stringify 或者parse 進行序列化和反序列化編碼 sessionstorage的儲存週期只有一次會...