关于vuex的个人理解

Vuex数据状态持久化的插件(vuex-persistedstate --save)

在store项目下的index,js使用 import createPersistedState from "vuex-persistedstate"

1.store:{} 存储变量,(vue3取消了,...mapState(xxx,yyy,zzz:(state)=>state.zzz++[可做计算处理]),批量取值语法糖,因为setup没有this

2.getters:{} 对存储变量继续数据处理,store.getters.xxx

3.mutations:{} 对存储变量继续数据处理,取值store.commit('xxx')

4.avtion:{  //可进行异步处理

  xxx:function(){

    1.请求接口;

    2.调用mutations的方法修改state  

  }

}

调用this.$store.dispatch('xxx')

5.在index页面import 引入其他页面模块,使用modules:{}接收引入值

Mutations

 

 

 

 

 

 
posted @ 2022-09-05 11:56  何云泽  阅读(29)  评论(0)    收藏  举报