公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

Vue 數(shù)據(jù)持久化

2019-12-11    前端達(dá)人

方法一：使用 localStorage 存儲數(shù)據(jù)

window.localStorage.setItem(key，value)

 

方法二：使用 vuex-persistedstate插件

vuex 存在一個痛點(diǎn)，就是刷新以后vuex里面存儲的state就會被瀏覽器釋放掉（state都是存儲在內(nèi)存中的）。

辦法：

通過vuex-persistedstate插件，實(shí)現(xiàn)將數(shù)據(jù)存儲到本地。

1.實(shí)現(xiàn)

import createPersistedState from 'vuex-persistedstate'
export default new Vuex.Store({
    state:{},
    getters:{},
    actions:{},
    mutations:{},
    modules:{},
    plugins: [createPersistedState()]  //加上這個就可以了 //里面設(shè)置需要緩存的內(nèi)容
})

API：  https://www.npmjs.com/package/vuex-persistedstate

方法三： 使用vue-cookie插件

cookie 可以設(shè)置過期時間

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex)
var VueCookie = require('vue-cookie');

export default new Vuex.Store({
  state: {
    token: VueCookie.get('token')
  },
  mutations: {
    saveToken(state, token) {
      state.token = token;
      // 設(shè)置存儲
      VueCookie.set('token', token, { expires: '30s' });
    }
  },
  actions: {

  }
})

日歷

鏈接

個人資料

存檔

张北县| 丹凤县| 海兴县| 集贤县| 崇州市| 琼海市| 汝州市| 同仁县| 镇沅| 永济市| 巴马| 闻喜县| 上高县| 遂川县| 山阴县| 台南市| 北碚区| 龙海市| 当阳市| 德州市| 房山区| 商水县| 任丘市| 时尚| 二连浩特市| 常德市| 垦利县| 永昌县| 三明市| 蒲江县| 汾西县| 旌德县| 江永县| 鄂托克旗| 新营市| 广南县| 治多县| 华阴市| 大余县| 宣恩县| 甘孜|