Vue Vuex 更新頁面 Store 資料丟失

2021-10-25 01:30:44 字數 611 閱讀 7845

vue 在使用 vuex 快取資料的時候,重新整理頁面之後會發現之前存好的資料沒了。

這裡我們需要借助 vuex-persistedstate 資料持久化外掛程式來實現

$ npm i -s vuex-persistedstate
安裝之後找到 vuex 初始化的位置

import vue from 'vue'

import vuex from 'vuex'

import user from './modules/user'

import getters from './getters'

// 匯入外掛程式

import createpersistedstate from 'vuex-persistedstate'

vue.use(vuex)

export default new vuex.store(,

state: ,

mutations: ,

actions: ,

getters,

// 使用外掛程式

plugins: [createpersistedstate()]

})

在不重新整理頁面的情況下,更新頁面

先註冊乙個名為redirect的路由 export default this route const params this router.replace render function h script 手動重定向頁面到 redirect頁面 const this route this route...

wpf非同步執行緒更新頁面控制項

說起來其實很簡單,簡單記錄一下 1 建立執行緒 也可以用task thread thread new thread chartinitail thread.start 2 更新主頁面控制項 this.dispatcher.begininvoke new action 這裡有個坑要避免踩到,this....

web頁面實時更新頁面的原理 WebSocket

原文 angular cli啟動的專案也可以自動重新整理,底下應該也是應用的websocket的原理。ladder builder關注 websocket是一種全雙工的計算機通訊協議,它建立在tcp的基礎之上。它可以在伺服器與瀏覽器之間建立乙個長連線,然後進行實時的資料傳輸。而我們比較熟悉的http...