vue中本地儲存也可以實時監聽

2022-09-08 16:24:15 字數 610 閱讀 1876

網上看到的這個方法 在專案裡使用了 賊爽啊,分享下

比如 在同乙個頁面裡邊 不同位置  兩個變數的呈現都是使用的本地儲存且乙個變數修改,第二個變數也要實時變化 在正常情況下 修改乙個的值後儲存起來 在不重新整理頁面的情況下 另乙個是不會變化的,所以就要用到本地儲存的實時重新整理

1. 現在main.js中註冊全域性方法,比如要監聽的本地儲存key值為『changedata』

vue.prototype.resetsetitem = function

(key, newval)

}return

storage.setitem(key, newval);

}}

2 如何觸發

在乙個路由(比如路由a)儲存值得時候,使用下面的方法:

this.resetsetitem('changedata', this.value);

3、如何監聽

如果在另外乙個路由(比如路由b)中,我們想根據changedata的變化來請求介面重新整理頁面資料的時候,可以在這個路由中created鉤子函式中監聽

window.addeventlistener('setitem', ()=>)

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

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

iOS中本地儲存

用於儲存建立工程時 開發過程中 所新增的檔案或 等所有內容 開發過程中可以修改資料夾的內容 在執行過程中不可以修改 2 documents 在整個應用程式的生命週期內 將程式的資料存到蘋果官方的資料中 一般儲存資料庫 3 library 存放快取 4tmp 臨時性儲存 向本地儲存資料的過程 系統自帶...

IOS中的本地儲存

資料本地儲存的本質其實就是把資料儲存成檔案,儲存到程式的沙盒中.ios中的沙盒機制是一種安全機制 沙盒的本質 其實也是資料夾 通常沙盒中包含四個資料夾bundle,document,library,tmp 1.bundle bundle裡面存放的是 資源檔案 和配置檔案.注 內容在程式執行期間為唯讀...