老司机91精品网站在线观看-老司机67194免费观看-老司国产精品视频-老熟人老女人国产老太-中文字幕日本在线-中文字幕日本一区久久

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

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

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

window.localStorage.setItem(key，value)

 

方法二：使用 vuex-persistedstate插件

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

辦法：

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

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

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

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

方法三： 使用vue-cookie插件

cookie 可以設(shè)置過期時(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è)置存儲(chǔ)
      VueCookie.set('token', token, { expires: '30s' });
    }
  },
  actions: {

  }
})

日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板： 宁强县| 蓝田县| 兰考县| 南阳市| 池州市| 思南县| 湖南省| 杨浦区| 信丰县| 庄河市| 宜良县| 阜新市| 会同县| 错那县| 江源县| 通州市| 纳雍县| 桂林市| 南乐县| 西平县| 蒙阴县| 大港区| 长兴县| 深泽县| 石家庄市| 顺平县| 望奎县| 那曲县| 陵川县| 岑溪市| 宁南县| 和龙市| 北碚区| 汽车| 股票| 涿鹿县| 勐海县| 都兰县| 奈曼旗| 贵定县| 邹城市|