亚洲精品福利在线,精品无码人妻一区二区免费蜜桃 ,性xxxx搡xxxxx搡欧美

Vue 數據持久化

2019-12-11 前端達人

方法一：使用 localStorage 存儲數據

window.localStorage.setItem(key，value)

方法二：使用 vuex-persistedstate插件

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

辦法：

通過vuex-persistedstate插件，實現將數據存儲到本地。

1.實現

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

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

方法三：使用vue-cookie插件

cookie 可以設置過期時間

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;
// 設置存儲
VueCookie.set('token', token, { expires: '30s' });
}
},
actions: {

}
})

九九色综合_性69交片免费看_亚洲一区二区三区久久精品_精品一久久_欧美一级黄视频_污免费网站

Vue 數據持久化

分類

日歷

鏈接

個人資料

存檔