vue 重置vuex資料

2021-09-08 12:46:12 字數 1299 閱讀 8864

有時候在我們把資料儲存下來的時候,在某個時候需要移除這些資料卻不知道怎麼移除了;下面我有一些自己的方法

一: dispatch重新賦值

store.js

const actions = , targetuser) ,

};

vue頁面:賦空值

methods:

},

方法二:在actions定義乙個方法;

const actions = ) 

};

vue頁面呼叫:

methods:

},

第三種方法:用es6的 object.assign();複製

/**

* 建立完檔案後需要去到main.js中引入成全域性

*/import vue from "vue";

import vuex from "vuex";

//使用vuex

vue.use(vuex);

/** * 在需要多人協作的專案中,我們可以使用常量代替mutation 事件型別。這在各種 flux 實現中是很常見的模式。同時把這些常量放在單獨的檔案中可以讓協作開發變得清晰。

* 定義儲存資訊

* */

const types = ;

// 定義初始狀態

const init_state = ,

targetuser: {}

};const state = ,

targetuser: {} //使用者詳細資料資料

};const getters = ;

const mutations = else ;}},

[types.set_target_user](state, targetuser) else ;}},

// 重置所有狀態

[types.reset_state](state, initstate)

}};const actions = , user) => ,

settargetuser(, targetuser) ,

// 重置所有狀態

resetstate()

};export default new vuex.store();

使用儲存:

this.$store.dispatch('resetstate')

vuex清掉資料 如何重置 擦除vuex儲存資料?

在我 src store 資料夾我有actions.js,index.js,mutations.js和state.js它包含以下資訊如何重置 擦除vuex儲存資料?actions.js export default index.js import vue from vue import vuex f...

vuex 閒置狀態重置方案

大型單頁應用 後面都是指spa 我們往往會通過使用狀態管理器 vuex 去解決元件間狀態共享與狀態傳遞等問題。這種應用少則幾十個單頁,多則上百個單頁。隨著路由的頻繁切換,每個路由對應的 vuex 中的狀態將越來越多。為了做到頁面的極致優化,我們需要將那些閒置的狀態重置,以減小占用的記憶體空間。vue...

重置vuex所有state的狀態

效果 思路 主要是在store首次生成state後深拷貝出乙份備份,然後在reset方法中將各個屬性還原回去,注意最重要的是不要破壞原來資料的結構 我之前還看到有人用delete,資料屬性都沒了肯定是會報錯的 步驟1準備乙個深拷貝方法 定義乙個深拷貝函式 接收目標target引數 deepclone...