有時候在我們把資料儲存下來的時候,在某個時候需要移除這些資料卻不知道怎麼移除了;下面我有一些自己的方法
一: 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...