vuex實(shí)現(xiàn)數(shù)據(jù)狀態(tài)持久化
更新時(shí)間：2019年11月11日 19:14:25 作者：Leon_94
今天小編就為大家分享一篇vuex實(shí)現(xiàn)數(shù)據(jù)狀態(tài)持久化，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
用過vuex的肯定會(huì)有這樣一個(gè)痛點(diǎn)，就是刷新以后vuex里面存儲(chǔ)的state就會(huì)被瀏覽器釋放掉，因?yàn)槲覀兊膕tate都是存儲(chǔ)在內(nèi)存中的。
所以我們通過 vuex-persistedstate這個(gè)插件，來實(shí)現(xiàn)將數(shù)據(jù)存儲(chǔ)到本地
用法很簡單
1、
npm install vuex-persistedstate
2、
import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
modules: {
app,
user
},
getters,
plugins: [createPersistedState()] //加上這個(gè)就可以了
})
以上這篇vuex實(shí)現(xiàn)數(shù)據(jù)狀態(tài)持久化就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue.js通用應(yīng)用框架-Nuxt.js的上手教程
本篇文章主要介紹了Vue.js通用應(yīng)用框架-Nuxt.js的上手教程，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
vue3(optionApi)使用Element Plus庫沒有效果的解決方式
這篇文章主要介紹了vue3(optionApi)使用Element Plus庫沒有效果的解決方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了Vue slot插槽的使用，在生活中很多地方都有插槽，電腦usb的插槽，插板當(dāng)中的電源插槽，插槽的目的是為了讓我們原來的設(shè)備具備更多的擴(kuò)展性比如電腦的USB我們可以插入U(xiǎn)盤，手機(jī)，鼠標(biāo)，鍵盤等等，下面文章就來介紹Vue slot插槽是如何使用的2021-10-10
本篇文章主要介紹了如何理解Vue的.sync修飾符的使用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
Vue計(jì)算屬性與監(jiān)視(偵聽)屬性的使用深度學(xué)習(xí)
這篇文章主要介紹了Vue計(jì)算屬性與監(jiān)視(偵聽)屬性的使用,計(jì)算屬性指的是通過一系列運(yùn)算之后，最終得到一個(gè)值，watch監(jiān)視(偵聽)器允許開發(fā)者監(jiān)視數(shù)據(jù)的變化，從而針對數(shù)據(jù)的變化做特定的操作，本文就這兩種屬性給大家詳細(xì)講解，感興趣的朋友一起學(xué)習(xí)吧2022-11-11
關(guān)于Vue中的計(jì)算屬性和監(jiān)聽屬性詳解
這篇文章主要介紹了關(guān)于Vue中的計(jì)算屬性和監(jiān)聽屬性詳解,Vue.js模板內(nèi)的表達(dá)式非常便利，但是設(shè)計(jì)它們的初衷是用于簡單運(yùn)算的，在模板內(nèi)放入過長的或復(fù)雜的邏輯時(shí)，會(huì)讓模板過重且難以維護(hù),需要的朋友可以參考下2023-05-05
Vue導(dǎo)入Echarts實(shí)現(xiàn)折線圖
這篇文章主要給大家介紹了關(guān)于vue+echarts實(shí)現(xiàn)折線圖的方法與注意事項(xiàng)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-12-12
詳解使用Vue.Js結(jié)合Jquery Ajax加載數(shù)據(jù)的兩種方式
本篇文章主要介紹了詳解使用Vue.Js結(jié)合Jquery Ajax加載數(shù)據(jù)的兩種方式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
Vue3數(shù)字滾動(dòng)插件vue-countup-v3的使用
vue-countup-v3 插件是一個(gè)基于 Vue3 的數(shù)字動(dòng)畫插件，用于在網(wǎng)站或應(yīng)用程序中創(chuàng)建帶有數(shù)字動(dòng)畫效果的計(jì)數(shù)器，本文主要介紹了Vue3數(shù)字滾動(dòng)插件vue-countup-v3的使用，感興趣的可以了解一下2023-10-10
vue3項(xiàng)目如何使用prettier格式化代碼
這篇文章主要介紹了vue3項(xiàng)目如何使用prettier格式化代碼問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10