最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vuex實現(xiàn)數(shù)據(jù)狀態(tài)持久化

 更新時間:2019年11月11日 19:14:25   作者:Leon_94  
今天小編就為大家分享一篇vuex實現(xiàn)數(shù)據(jù)狀態(tài)持久化,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

用過vuex的肯定會有這樣一個痛點,就是刷新以后vuex里面存儲的state就會被瀏覽器釋放掉,因為我們的state都是存儲在內(nèi)存中的。

所以我們通過 vuex-persistedstate這個插件,來實現(xiàn)將數(shù)據(jù)存儲到本地

用法很簡單

1、

npm install vuex-persistedstate

2、

import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
 modules: {
  app,
  user
 },
 getters,
 plugins: [createPersistedState()] //加上這個就可以了
})

以上這篇vuex實現(xiàn)數(shù)據(jù)狀態(tài)持久化就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vue.js通用應(yīng)用框架-Nuxt.js的上手教程

    Vue.js通用應(yīng)用框架-Nuxt.js的上手教程

    本篇文章主要介紹了Vue.js通用應(yīng)用框架-Nuxt.js的上手教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-12-12
  • vue3(optionApi)使用Element Plus庫沒有效果的解決方式

    vue3(optionApi)使用Element Plus庫沒有效果的解決方式

    這篇文章主要介紹了vue3(optionApi)使用Element Plus庫沒有效果的解決方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • Vue slot插槽的使用詳情

    Vue slot插槽的使用詳情

    這篇文章主要介紹了Vue slot插槽的使用,在生活中很多地方都有插槽,電腦usb的插槽,插板當(dāng)中的電源插槽,插槽的目的是為了讓我們原來的設(shè)備具備更多的擴(kuò)展性比如電腦的USB我們可以插入U盤,手機(jī),鼠標(biāo),鍵盤等等,下面文章就來介紹Vue slot插槽是如何使用的
    2021-10-10
  • 如何理解Vue的.sync修飾符的使用

    如何理解Vue的.sync修飾符的使用

    本篇文章主要介紹了如何理解Vue的.sync修飾符的使用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • Vue計算屬性與監(jiān)視(偵聽)屬性的使用深度學(xué)習(xí)

    Vue計算屬性與監(jiān)視(偵聽)屬性的使用深度學(xué)習(xí)

    這篇文章主要介紹了Vue計算屬性與監(jiān)視(偵聽)屬性的使用,計算屬性指的是通過一系列運(yùn)算之后,最終得到一個值,watch監(jiān)視(偵聽)器允許開發(fā)者監(jiān)視數(shù)據(jù)的變化,從而針對數(shù)據(jù)的變化做特定的操作,本文就這兩種屬性給大家詳細(xì)講解,感興趣的朋友一起學(xué)習(xí)吧
    2022-11-11
  • 關(guān)于Vue中的計算屬性和監(jiān)聽屬性詳解

    關(guān)于Vue中的計算屬性和監(jiān)聽屬性詳解

    這篇文章主要介紹了關(guān)于Vue中的計算屬性和監(jiān)聽屬性詳解,Vue.js模板內(nèi)的表達(dá)式非常便利,但是設(shè)計它們的初衷是用于簡單運(yùn)算的,在模板內(nèi)放入過長的或復(fù)雜的邏輯時,會讓模板過重且難以維護(hù),需要的朋友可以參考下
    2023-05-05
  • Vue導(dǎo)入Echarts實現(xiàn)折線圖

    Vue導(dǎo)入Echarts實現(xiàn)折線圖

    這篇文章主要給大家介紹了關(guān)于vue+echarts實現(xiàn)折線圖的方法與注意事項,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-12-12
  • 詳解使用Vue.Js結(jié)合Jquery Ajax加載數(shù)據(jù)的兩種方式

    詳解使用Vue.Js結(jié)合Jquery Ajax加載數(shù)據(jù)的兩種方式

    本篇文章主要介紹了詳解使用Vue.Js結(jié)合Jquery Ajax加載數(shù)據(jù)的兩種方式,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • Vue3數(shù)字滾動插件vue-countup-v3的使用

    Vue3數(shù)字滾動插件vue-countup-v3的使用

    vue-countup-v3 插件是一個基于 Vue3 的數(shù)字動畫插件,用于在網(wǎng)站或應(yīng)用程序中創(chuàng)建帶有數(shù)字動畫效果的計數(shù)器,本文主要介紹了Vue3數(shù)字滾動插件vue-countup-v3的使用,感興趣的可以了解一下
    2023-10-10
  • vue3項目如何使用prettier格式化代碼

    vue3項目如何使用prettier格式化代碼

    這篇文章主要介紹了vue3項目如何使用prettier格式化代碼問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10

最新評論

清涧县| 沂源县| 安仁县| 龙口市| 贡觉县| 万盛区| 永顺县| 济宁市| 社旗县| 阳新县| 原阳县| 徐汇区| 绥化市| 固原市| 竹溪县| 淮北市| 滨海县| 沙田区| 天水市| 营山县| 遂川县| 桐庐县| 永平县| 大悟县| 太保市| 镇平县| 灵丘县| 南宁市| 灵石县| 九寨沟县| 泗水县| 杭锦后旗| 武宣县| 湖口县| 承德县| 蒙山县| 略阳县| 固安县| 南靖县| 南汇区| 普宁市|