vuex和localstorage存儲(chǔ)數(shù)據(jù)有什么區(qū)別？Vuex管理應(yīng)用程序當(dāng)前運(yùn)行狀態(tài)下的一些數(shù)據(jù)，而存儲(chǔ)則存儲(chǔ)應(yīng)用程序通知瀏覽器保存的數(shù)據(jù)。不同之處在于，一旦刷新了網(wǎng)頁(yè)，vuex數(shù)據(jù)就消失了，并且存

vuex和localstorage存儲(chǔ)數(shù)據(jù)有什么區(qū)別？

Vuex管理應(yīng)用程序當(dāng)前運(yùn)行狀態(tài)下的一些數(shù)據(jù)，而存儲(chǔ)則存儲(chǔ)應(yīng)用程序通知瀏覽器保存的數(shù)據(jù)。不同之處在于，一旦刷新了網(wǎng)頁(yè)，vuex數(shù)據(jù)就消失了，并且存儲(chǔ)不受刷新的影響。。。因此，在保存數(shù)據(jù)時(shí)，要考慮現(xiàn)場(chǎng)情況，因地制宜

首先，localstorage只在HTML5中可用，因此為了保證瀏覽器支持HTML5，建議使用谷歌瀏覽器。其次，創(chuàng)建一個(gè)JS文件，比如tempcache.js//臨時(shí)存儲(chǔ)var tempcache={cache:function（value）{localStorage.setItem（“EasyWayTempCache”，value）}，getCache:function（）{returnlocalStorage.getItem（“EasyWayTempCache”）}，setItem:函數(shù)（鍵，值）{localStorage.setItem（鍵，值）}，getItem:function（key）{returnlocalStorage.getItem（key）}，removitem:函數(shù)（key）{返回localStorage.removeItem文件（key）}}調(diào)用時(shí)，首先參考JS文件，然后看下面的示例來(lái)設(shè)置值TempCache.setItem文件（“name”，“Zhang San”）值var name=TempCache.getItem( “name”；刪除設(shè)置的值TempCache.removietem文件（“name”）希望對(duì)您有所幫助