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

2021-09-30 01:21:24 字數 602 閱讀 3797

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

具體細節可查閱官方文件

handlestore = store => 

store.subscribe((mutation, state) => )

}let store = () => new vuex.store(,

mutations:,

actions: ,

modules: ,

plugins: [handlestore]

})export default store

當頁面呼叫commit 通過mutation修改就會觸發store.subscribe()方法,將本地儲存和vuex的state聯絡在一起

vuex 本地儲存登入

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

IOS 本地儲存 資料持久化

沙盒 其實對於每乙個應用程式,都有唯一的乙個本地檔案與之對應,名字由系統隨機生成.這個檔案就是沙盒 沙盒機制 沙盒機制其實就是,對每乙個應用程式的資源起到乙個保護作用,當前程式不允許訪問其他程式的資源,其他程式也不允許訪問當前程式的資源.對於每乙個 應用程式的沙盒檔案中都包含以下檔案 1.docum...

vuex儲存和本地儲存的區別

vuex存的是狀態,儲存在記憶體,localstorage是瀏覽器提供的介面,讓你存的是檔案,以檔案的形式儲存在本地 vuex用於元件之間的傳值,localstorage則主要用於頁面之間的傳值 當重新整理頁面時,vuex儲存的值會丟失,localstorage不會 個人在使用的時候,覺得用loca...