vue-devtools 清除Vuex中的state值，浏览器清空state值

前提：你的浏览器已经安装vue-devtools工具

场景：当你做了很多项目的时候，总会有些多出来的state值是无用的，如果不删除，state下的值会越来越多（不管有用的还是没用的值）。这样很不好，在浏览器中又不能直接删除，网上找了一堆，结果全是没用的，也是醉了，所有就自己写了一个方法清空掉所有的state值。

1、假设我要清除state下的所有值

2、 添加mutations中的方法

//模拟数据
state: {
    includeList: [],
    oneNavCur:0,
    showStyle:true, 
},

mutations: {
    //清空state
    clear(state){
      for(let i in state){
        delete state[i]
      }
    },
}

3、在页面中调用

created() {
		this.$store.commit('clear')
	},

4、效果，已经成功删除state下的所有值了

 

删除成功后，把this.$store.commit('clear')注释掉，在刷新。然后就会发现state下只保留了你当前项目Vuex的state中所有值。

亲测有效，如果有不懂的请在下方留言，觉得好的点个赞吧！

原创不易，如需转载，请在下方留言即可